Plantique E-Commerce Project Overview:

Features:

• Landing Page: Showcases featured categories for easy navigation.

• Product Listing Page: Displays a comprehensive list of available products.

• Filter & Sort Functionality: Allows users to refine product searches.

• Search Functionality: Enables users to find specific products quickly.

• Individual Product Page: Detailed view for each product with specifications.

• Cart Management: Add, remove, update product quantities in the cart.

• Wishlist Management: Add, remove products from the wishlist.

• Address Management: Users can add, update, and delete delivery addresses.

• Order Management: Handles the complete lifecycle of orders.

• Checkout Page: Streamlined process for finalizing purchases.

• Payment Gateway Integration: Seamlessly integrates Razorpay for secure payments.

• Authentication: User signup, login, and logout functionality.

• Error Page: Provides user-friendly error messages for smooth navigation.

• Toast & Loaders: Notifications for user actions and page loading indicators.

• Responsiveness: Ensures compatibility across various devices.

Built with:

• React JS: Frontend framework for dynamic and interactive UI.

• React Context API + useReducer: State management for React components.

• React Router v6: Navigation and routing within the React application.

• Vanilla CSS: Custom styling for a unique look and feel.

• MUI Icons: Integration for iconography in the user interface.

• Razorpay Payment Gateway: Secure payment processing.

• React Hot Toast: Provides toast notifications for user actions.

Backend Overview:

• Functionalities:

  • Products and Categories: Retrieves all products and categories.

  • Authentication: JWT-based login/signup, encrypted password storage.

  • Wishlist and Cart Management: Manages products in wishlist and cart.

  • Address Management: CRUD operations for user addresses.

Tech Stack:

• ExpressJS: Backend web application framework.

• MongoDB + Mongoose: Database management and modeling.

• bcrypt: Used for password encryption.

• jsonwebtoken: Creates and verifies JWT tokens.

• cors: Enables secure cross-origin requests.

• helmet: Adds extra security to HTTP headers.

This e-commerce platform, Plantique, blends a user-friendly frontend with a robust backend, ensuring a seamless shopping experience while maintaining security and efficient management of products, orders, and user data.