diff --git a/README.md b/README.md index ecc0334..96d7b70 100644 --- a/README.md +++ b/README.md @@ -1,25 +1,39 @@ # MeriDukaan +![Home Page](./src/assets/Home.jpg) +![Products Page](<./src/assets/products%20(2).jpg>) +![Store Page](./src/assets/Store.jpg) +![Become a Seller Page](./src/assets/seller.jpg) +![Add Products](./src/assets/addProducts.jpg) +![Add Shops](./src/assets/AddShops.jpg) + # Project Features + - React Ecommerce Frontend: A modern and clean interface that highlights our product catalog with elegance and style. - React Ecommerce Filter: An easy-to-use filtering system that allows customers to sort products by category, price, and more. - Ecommerce React Website: A full-featured website built on React that exemplifies best practices in web development and design. - React Shopping App: More than just a website, a complete shopping application designed for seamless online transactions. # Instructions + 1. To run the app you first need to download and install Node.js and npm on your computer. When you download them you need to configure path variables. Here is the link where you can install them: https://nodejs.org/en 2. When you install Node.js and npm on your computer you need to download the project. When you download the project, you need to extract it. -3. After you extract the project you need to open the project folder in your terminal of choice and write: +3. After you extract the project you need to open the project folder in your terminal of choice and write: + ``` npm install ``` + 3. After the installation is complete write: + ``` npm start ``` + 4. Open the app in your browser on the address: http://localhost:5173 and enjoy :) # Key Features: + - Extensive Product Range: Over 100 distinct clothing and shoe items, catering to a wide array of styles and preferences. - User Accounts: Robust login and registration functionality, allowing customers to create and manage their personal accounts. - Order Management: Users can view their order history @@ -36,4 +50,5 @@ Back-End: Node.js, Express.js, Json Server Database: MongoDb (in Local Server) # Responsive Design: + Mobile-First Approach: The website is designed to be fully responsive and mobile-friendly, ensuring a consistent experience across all devices. diff --git a/src/assets/AddShops.jpg b/src/assets/AddShops.jpg new file mode 100644 index 0000000..bb7fcb2 Binary files /dev/null and b/src/assets/AddShops.jpg differ diff --git a/src/assets/Home.jpg b/src/assets/Home.jpg new file mode 100644 index 0000000..47ed1ef Binary files /dev/null and b/src/assets/Home.jpg differ diff --git a/src/assets/Store.jpg b/src/assets/Store.jpg new file mode 100644 index 0000000..40c92f6 Binary files /dev/null and b/src/assets/Store.jpg differ diff --git a/src/assets/addProducts.jpg b/src/assets/addProducts.jpg new file mode 100644 index 0000000..1a5f778 Binary files /dev/null and b/src/assets/addProducts.jpg differ diff --git a/src/assets/products (2).jpg b/src/assets/products (2).jpg new file mode 100644 index 0000000..3d58b74 Binary files /dev/null and b/src/assets/products (2).jpg differ diff --git a/src/assets/seller.jpg b/src/assets/seller.jpg new file mode 100644 index 0000000..65da713 Binary files /dev/null and b/src/assets/seller.jpg differ