EShop - Online Electronic Store

Project Overview

EShop is a full-stack web application developed as an individual project, centered around a ECommerce store theme. Users can explore, purchase, and download Electronic for platforms such as AirPods, Mobile, and Other Accessories. The application boasts a modern and responsive design, featuring Products Carosel and a seamless payment integration using Razorpay.

Tech Stack

Frontend:

• React
• CSS

Backend:

• MERN Stack (MongoDB, Express.js, React, Node.js)

Payment Gateway:

• Razorpay

Features

• Browse a Wide Range Of Electronic Items
• User authentication and authorization.
• Framework Based UI
• Secure online payments through Razorpay.

Project Link

EShop - Live Demo

Difficulties Faced

During the development of EShop, several challenges were encountered:

1. Payment Gateway Integration:

   • Understanding the Razorpay API and handling asynchronous events.
   • Ensuring a smooth user experience during online transactions.

2. Responsive Design:

   • Implementing CSS adjustments and media queries for a responsive design.
   • Testing and optimizing for various screen sizes and devices.

3. Authentication and Authorization:

   • Implementing token-based authentication.
   • Managing user sessions and protecting routes.

4. Data Management:

   • Efficiently managing and retrieving Users Products data from MongoDB.
   • Optimizing complex queries for improved performance.

Getting Started

1. Clone the repository: git clone https://github.com/SursaChauhan/E-Shop.git
2. Install dependencies: npm install
3. Start the development server: npm start

Feel free to explore and contribute to the project!