https://github.com/sujeethy/ecommerceapp

eCommerceApp is a modern full-stack eCommerce platform built with Node.js, Express, MongoDB, and React. It features secure user authentication, shopping cart management, and Stripe payment integration. The app uses Zustand for state management and Framer Motion for smooth animations. Users can download invoices as PDF and email order confirmation
https://github.com/sujeethy/ecommerceapp

authentication ecommerce expressjs framer-motion fullstack jwt mongodb nodejs nodemailer pdf-invoice react stripe swagger tailwindcss zustand

Last synced: 3 months ago
JSON representation

eCommerceApp is a modern full-stack eCommerce platform built with Node.js, Express, MongoDB, and React. It features secure user authentication, shopping cart management, and Stripe payment integration. The app uses Zustand for state management and Framer Motion for smooth animations. Users can download invoices as PDF and email order confirmation

• Host: GitHub
• URL: https://github.com/sujeethy/ecommerceapp
• Owner: Sujeethy
• Created: 2024-08-26T17:50:15.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-08-26T22:10:53.000Z (9 months ago)
• Last Synced: 2025-01-31T04:02:45.467Z (4 months ago)
• Topics: authentication, ecommerce, expressjs, framer-motion, fullstack, jwt, mongodb, nodejs, nodemailer, pdf-invoice, react, stripe, swagger, tailwindcss, zustand
• Language: JavaScript
• Homepage: https://ecommerceapp-w0u6.onrender.com
• Size: 11.1 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        

# eCommerceApp

eCommerceApp is a full-stack eCommerce application built with Node.js, Express, MongoDB, and React. The application provides a seamless shopping experience with features like user authentication, shopping cart management, order processing, payment integration with Stripe, and more.

![image](https://github.com/user-attachments/assets/8e4eecc2-6588-4511-a82a-ffc8cca7d0c2)

![image](https://github.com/user-attachments/assets/1baf4b90-3811-4372-b640-2ab94d2b6633)

![image](https://github.com/user-attachments/assets/5896bc8e-61aa-4f91-960a-87ef4572a8d0)

![order_email](https://github.com/user-attachments/assets/c76f6485-3c71-48a9-850c-1d0a243b171a)

![image](https://github.com/user-attachments/assets/d15a22c7-aff4-4e64-95e2-74e63708fb1d)

## Features

- **User Authentication:** Secure user authentication with JWT, including features like signup, login, password reset, and email verification.

- **Shopping Cart:** Add, update, and remove items in the shopping cart with real-time calculations.

- **Order Management:** Users can place orders, and admins can view and manage orders. Order confirmation emails are sent to users upon successful order placement.

- **Payment Integration:** Integrated with Stripe for secure payments.

- **Invoice Download:** Users can download invoices for their orders as PDF files.

- **State Management:** Zustand is used for global state management, making the state logic simple and predictable.

- **Animations:** Framer Motion is used for smooth and modern animations throughout the application.

- **Responsive UI:** A modern and responsive user interface built with React and TailwindCSS.

- **API Documentation:** Swagger API documentation for backend endpoints.

## Technologies Used

- **Backend:**

  - Node.js

  - Express.js

  - MongoDB with Mongoose

  - JWT for authentication

  - Stripe for payment processing

  - Nodemailer for email notifications

- **Frontend:**

  - React.js

  - Vite.js

  - TailwindCSS

  - Zustand for state management

  - Framer Motion for animations

  - Axios for API requests

## Getting Started

### Prerequisites

- Node.js and npm installed on your machine

- MongoDB Atlas account or a local MongoDB instance

- Stripe account for payment integration

### Installation

1. Clone the repository:

   ```bash

   git clone https://github.com/Sujeethy/eCommerceApp.git

   ```

2. Navigate to the project directory:

   ```bash

   cd eCommerceApp

   ```

3. Install backend dependencies:

   ```bash

   npm install

   ```

4. Install frontend dependencies:

   ```bash

   cd frontend

   npm install

   ```

### Running the Application

1. Create a `.env` file in the root directory with the following environment variables:

   ```env

   MONGO_URI=

   PORT=5000

   JWT_SECRET=

   NODE_ENV=development

   CLIENT_URL=

   MAIL_ID=

   MAIL_PASSWORD=

   STRIPE_SERVER=

   ```

2. Start the backend server:

   ```bash

   npm run dev

   ```

3. Start the frontend development server:

   ```bash

   cd frontend

   npm run dev

   ```

4. Access the application in your browser at `http://localhost:5173`.

### API Documentation

Swagger API documentation is available at `http://localhost:5000/api-docs`.

## Contributing

Contributions are welcome! Please create a pull request for any enhancements or bug fixes.

```