QuickMart - MERN Stack E-commerce Project (Frontend Repository)

Welcome to the frontend repository of QuickMart, a full-fledged MERN (MongoDB, Express, React, Node.js) stack e-commerce application with an admin panel, Redux Toolkit, Stripe Payment integration, cloud deployment, and various other features. This repository houses the frontend codebase responsible for user interfaces, interactions, and client-side functionalities.

Getting Started

To start the frontend development server, follow these steps:

1. Clone the repository to your local machine.

2. Navigate to the project directory.

3. Install dependencies using npm or yarn:

   npm install

4. Run the development server:

   npm start

Features

• User Interface: Intuitive and responsive user interfaces built with React 18 and styled with Tailwind CSS.
• State Management: Utilizes Redux Toolkit with Async Thunk for efficient state management in complex applications.
• Frontend Testing: JSON-server is employed for frontend testing, ensuring seamless development and debugging.
• Authentication: Implements Passport JS strategies for authentication, providing secure access control for users.
• Payment Integration: Seamless integration with Stripe for secure and reliable payment processing.
• Cloud Deployment: Hosted on Vercel for reliable and scalable cloud deployment.
• Email Notifications: Sends order confirmation emails and password reset emails to users using Nodemailer with Gmail SMTP.
• Customization: Tailwind CSS allows for easy customization and theming of the UI components.

Technical Details

• Frontend Framework: React 18 for building dynamic and interactive user interfaces.
• Styling: Tailwind CSS for rapid UI development with utility-first CSS classes.
• State Management: Redux Toolkit with Async Thunk middleware for efficient state management.
• Testing: JSON-server for frontend testing to simulate backend APIs and data.
• Authentication: Utilizes Passport JS for implementing various authentication strategies.
• Payment Integration: Stripe integration using PaymentIntent for handling secure payment transactions.
• Deployment: Hosted on Vercel for easy and reliable deployment to the cloud.
• Email Services: Nodemailer with Gmail SMTP for sending transactional emails to users.
• Version Control: Utilizes Git for version control and GitHub for collaboration and code management.

Contributing

Contributions are welcome! Please feel free to fork this repository, make changes, and submit pull requests. For major changes, please open an issue first to discuss the proposed changes.

Happy coding!