Skip to main content
  1. All Posts/

shopitel-ecommerce-app

eCommerce JavaScript

🛍️ Shopitel 🛒

Shopitel-React-App.mp4

To Get Started ⚡

  1. Clone the shopitel-ecommerce-app repository using git:
git clone git@github.com:AbihaFatima/shopitel-ecommerce-app.git

cd shopitel-api
  1. Install dependencies with this command:
yarn add

or if you are using npm package manager:

npm install
  1. Run the backend application with this command:
yarn start

now the node server will be running at http://localhost:3000/ (for server side development)

  1. To connect to the react client side :
cd shopitel-client-react-ui
  1. Install dependencies (required for the front-end) with this command:
yarn add
  1. Run the application with this command:
yarn start

We’re finally all set to go🎉

The web application will be running at http://localhost:3001/

Happy Shopping! 🛍️

Tech Stack Used:

Backend

  • Express.js
  • Node.js
  • MongoDB
  • Mongoose
  • JWT (for authentication)
  • CryptoJS (for data encryption)
  • Stripe API (for checkout 💳)

Frontend

  • React
  • Redux (to manage app state)
    • Redux Persist (for local storage)
  • React-router-dom (to handle routing)
  • Axios (for http requests)
  • Material-UI and styled-components (for component-level design)

Future Plans 🚀

  • To add an Admin Dashboard that would support CRUD operations for new products as well as create charts for user analytics, cost and total revenue.
  • To make this application mobile responsive.
  • And last but not the least is to use a hosting service like Heroku to deploy this application.
if (youEnjoyed) {
    starThisRepository(⭐);
}

Status 🛠️ 🚧

This project is in progress