https://github.com/thebadshahkid/flipkart-clone

This is a flipkart(an ecommerce site) clone.
https://github.com/thebadshahkid/flipkart-clone

cloudinary expressjs fullstack-development fullstack-ecommerce heroku-deployment mern-stack mongo nodejs paytm-payment-gateway reactjs redux sendgrid

Last synced: 5 months ago
JSON representation

This is a flipkart(an ecommerce site) clone.

• Host: GitHub
• URL: https://github.com/thebadshahkid/flipkart-clone
• Owner: TheBadshahKid
• License: mit
• Created: 2024-07-09T13:00:41.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-08-27T12:16:25.000Z (almost 2 years ago)
• Last Synced: 2025-04-07T11:47:24.507Z (about 1 year ago)
• Topics: cloudinary, expressjs, fullstack-development, fullstack-ecommerce, heroku-deployment, mern-stack, mongo, nodejs, paytm-payment-gateway, reactjs, redux, sendgrid
• Language: JavaScript
• Homepage: https://flipkartweb-mern.vercel.app/
• Size: 1.74 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Flipkart - MERN

Full-Stack Flipkart with Admin Dashboard & Paytm Payment Gateway.

[Visit Now](https://flipkartweb-mern.vercel.app) 🚀

## 🖥️ Tech Stack

**Frontend:**

![reactjs](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB) 

![react-router](https://img.shields.io/badge/React_Router-CA4245?style=for-the-badge&logo=react-router&logoColor=white) 

![redux](https://img.shields.io/badge/Redux-593D88?style=for-the-badge&logo=redux&logoColor=white) 

![tailwindcss](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white) 

![mui](https://img.shields.io/badge/Material--UI-0081CB?style=for-the-badge&logo=material-ui&logoColor=white) 

![chart-js](https://img.shields.io/badge/Chart.js-FF6384?style=for-the-badge&logo=chartdotjs&logoColor=white) 

**Backend:**

![nodejs](https://img.shields.io/badge/Node.js-43853D?style=for-the-badge&logo=node.js&logoColor=white) 

![expressjs](https://img.shields.io/badge/Express.js-000000?style=for-the-badge&logo=express&logoColor=white) 

![mongodb](https://img.shields.io/badge/MongoDB-4EA94B?style=for-the-badge&logo=mongodb&logoColor=white) 

![jwt](	https://img.shields.io/badge/JWT-000000?style=for-the-badge&logo=JSON%20web%20tokens&logoColor=white) 

**Payment Gateway:**

![paytm](https://img.shields.io/badge/Paytm-002970?style=for-the-badge&logo=paytm&logoColor=00BAF2)

**Cloud Storage:** [Cloudinary](https://cloudinary.com/)

**Mail Service:** [Sendgrid](https://sendgrid.com/)

## 🚀 Features

**User Account Management**

- Login/Signup: 🚪 Users can create an account or log in to an existing one.

- Update Profile/Password: 🔐 Users can update their profile information and change their passwords.

  

**Password Management**

- Reset Password Mail: 📧 Utilizing Sendgrid, users can reset their passwords via email.

  

**Shopping Cart**

- Add/Remove Items: 🛒 Users can add items to their shopping cart or remove them as needed.

- Update Quantities: 🔢 Quantities of items in the cart can be adjusted.

  

**Saved Items**

- Save For Later: 💾 Users can move items from the cart to a "Saved For Later" list or remove them from it.

  

**Wishlist**

- Add/Remove Items: ❤️ Users can add items to their wishlist or remove them from it.

  

**Product Browsing**

- Pagination: 📚 Products are paginated, with 12 products displayed per page by default.

- Search: 🔍 Users can search for products.

- Filters: 🎛️ Products can be filtered based on categories, ratings, and price range.

  

**Checkout Process**

- Shipping Info: 🚚 Shipping information is stored in session storage for ease of checkout.

- Payment Options: 💳 Users can pay through Paytm payment gateway for checkout.

  

**Order Management**

- My Orders: 📦 Users can view their order history with various filters.

- Order Details: ℹ️ Details of all ordered items are accessible.

- Order Confirmation: ✉️ Users receive email notifications with comprehensive order details upon placing an order.

  

**Product Interaction**

- Review Products: 🌟 Users can review products.

  

**Admin Features**

- Dashboard: 🖥️ Admins have access to a dedicated dashboard.

- Order Management: 📊 Admins can update order statuses and delete orders.

- Product Management: 📝 Admins can add/update products.

- User Management: 👥 Admins can update user data and delete users.

- Review Management: 📜 Admins can view and delete product reviews.

- Stock Management: 📉 Product stock is automatically decreased upon shipment.

## Sneak Peek of Admin Dashboard 🙈 :

![Capture](https://user-images.githubusercontent.com/64949957/153995268-0cb769b9-e0ee-48ea-83c1-09b881df4101.PNG)

  

    

    

  

  

    

    

  

📬 Contact


Feel free to reach me through the below handles if you'd like to contact me.

[![linkedin](https://img.shields.io/badge/LinkedIn-0077B5?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/saksham-saksham-500298257/)