React Ecommerce

Overview:

The React E-commerce project is a restructuring initiative that utilizes various technologies and tools such as Monorepo, Lerna, Design System, NextJs (SSR), Storybook, NestJs, Graphql, Hooks, Redux Hooks, and more. It aims to provide a comprehensive e-commerce platform with features like product listing, detailed product view, recommended products, cart management, user authentication, seller admin panel, buyer profile, contact us, messaging between seller and buyer, ratings, seller dashboard, notifications, favorites, PWA (Progressive Web App) support, Firebase or storage integration, and Socket.io.

Features:

• Home (List products): Displays a list of products for users to browse.
• Detail products: Provides detailed information about a specific product.
• Recommended products: Suggests relevant products based on user preferences or browsing history.
• Cart: Allows users to add products to a cart and manage their cart items.
• Login / Register: Enables user authentication and registration.
• Admin (Seller): Provides a dedicated dashboard for sellers to manage their products and orders.
• Profile (Buyer): Allows buyers to view and update their profile information.
• Contact Us: Provides a means for users to contact the support team or provide feedback.
• Message between Seller and Buyer: Enables communication between sellers and buyers.
• Ratings about the Seller: Allows users to leave ratings and reviews for sellers.
• Dashboard for Sellers: Provides a comprehensive dashboard for sellers to monitor and manage their store activities.
• Notifications: Sends notifications to users regarding important updates, new products, and more.
• Favorites: Allows users to save their favorite products for future reference.
• PWA: Implements Progressive Web App functionality, enabling users to install the app on their device and use it offline.
• Firebase or storage: Integrates with Firebase or other cloud storage services for secure data storage and retrieval.
• Socket.io: Utilizes Socket.io for real-time communication between the server and the client.

Installation:

To run the React E-commerce project, follow these steps:

1. Install dependencies using yarn:

   yarn
   

2. Start the project:

   yarn start
   

3. Install dependencies in a specific package:

   cd packages/name && yarn add -W dependencie-name
   

4. Set up Storybook for the Design System:

   yarn story
   

5. Run tests for all packages:

   yarn test
   

Alternatively, you can run tests for a specific package:

cd packages/<package-name> && yarn test

For more detailed usage instructions, refer to the official Lerna documentation: https://lerna.js.org/

Summary:

The React E-commerce project is a comprehensive e-commerce platform built using various technologies and tools. It aims to provide a feature-rich experience for both buyers and sellers, with functionalities such as product listing, detailed product view, cart management, user authentication, ratings, messaging, seller dashboard, notifications, favorites, and more. By leveraging technologies like NextJs, Storybook, NestJs, and GraphQL, the project offers scalability, performance, and flexibility. Additionally, the project provides installation instructions and allows for easy customization and extension thanks to its modular architecture.