• 📝 Table of Contents
• 📙 About
• 🎨 Ui Design
• 🌠 Features
• 📂 Folder Structure
• 🏁 Getting Started
  • Prerequisite
  • Installation
  • Running
• 💻 Built Using
• 📸 Demo video
• 🕴 Contributors
• ⏳ Backlog
• 📃 License

An e-commerce website with a simple user interface that allows users to browse products, add them to their cart, and checkout.

Link to Figma file

1. browse products
2. view product details
3. add products to cart
4. see cart items
5. see new blogs
6. login and register
7. update profile

📌 NOTE:

I am still working on the project, this is not the final verison of it, I just make it public to get feedback and imporve it

├───assets
│   └───images
├───components
│   ├───Footer
│   ├───Navbar
│   └───Product
├───data
│   └───db.json
├───hooks
├───layouts
│   └───RootLayout
├───pages
│   ├───Blog
│   ├───Product
│   └───Home
├───store
└───utils

This is an list of needed instructions to set up your project locally, to get a local copy up and running follow these instructuins.

1. Node.js

1. Clone the repository

$ git clone https://github.com/khaled-farahat/shopme.git

2. Navigate to shopme Folder

$ cd shopme

Running program

1. Install modules

npm install

2. Start program

npm start

3. Start backend

npm run serve-json

• ReactJs
• Material UI
• Redux
• Redux Toolkit
• React Router
• React Query
• JSON Server
• Axios
• SwiperJs

khaled Farahat

• Add Cart UI
• Add Cart State and Logic
• Add Checkout UI
• Add Profile logic
• Add Authentication and Authorization
• Make Node Backend instead of JSON Server

This software is licensed under MIT License, See License for more information ©khaled-farahat.