Shoperia E-commerce Web App

🌐website: https://shoperia-anurag.netlify.app/

Overview

Shoperia is a full-fledged E-commerce web application built with React.js, Express.js, Node.js, MongoDB, and Redux Toolkit for state management. It offers a seamless shopping experience, allowing users to browse products from various categories.

Features

• Category-Based Filtering: Easily find products by browsing through different categories.(Coming soon)
• Responsive Design: Enjoy a consistent shopping experience across various devices.
• Product Details: View detailed product information, including descriptions and prices.(coming soon)
• Shopping Cart: Add products to your cart for later reference.
• User Authentication: Secure user registration and login.
• Password Hashing: Passwords are securely hashed using bcrypt.
• Notifications: Display notifications using React Toastify.
• Database Integration: Store and manage product data in MongoDB using Mongoose.
• Pagination: Implement pagination to display products in manageable chunks.
• Development Server: Utilize Nodemon for an auto-reloading backend server during development.

Installation

1. Clone the repository: git clone https://github.com/drazerrr/Shoperia.git
2. Navigate to the project directory: cd shoperia
3. Install all dependencies: npm install-dependencies
4. Create a .env file in the server directory and set your environment variables.

Configuration

• Configure your environment variables in the .env file in the server directory.
• Provide your MongoDB URI and any other necessary configuration settings. PORT=5000 MONGO_URI=

Usage

1. Start : npm start
2. Open a web browser and access the app at http://localhost:3000

Additional Information

• User authentication is implemented, allowing users to register and log in.
• User passwords are securely hashed using bcrypt for added security.
• The shopping cart feature enables users to add and remove items.
• State management is handled with Redux Toolkit for a smooth and efficient user experience.
• Notifications are displayed using React Toastify.
• Product data is stored in a MongoDB database using Mongoose.
• Pagination is implemented to ensure efficient loading of product listings.

Contributing

Contributions are welcome! Feel free to open issues or pull requests to help improve this project.

License

This project is licensed under the MIT License.

---

© 2023 Shoperia. All rights reserved.