https://github.com/r3ss1/ecommerce

Full stack integrated E-Commerce website with an Admin Dashboard using Next.js 14, Stripe for payment, TypeScript, MongoDB for all database management, Clerk for authentication and user management, React-Hook-Form for form validation, Tailwind CSS & Shadcn.
https://github.com/r3ss1/ecommerce

clerk-auth ecommerce next-js-14 shadcn-ui stripe-payments tailwind-css

Last synced: 5 months ago
JSON representation

Full stack integrated E-Commerce website with an Admin Dashboard using Next.js 14, Stripe for payment, TypeScript, MongoDB for all database management, Clerk for authentication and user management, React-Hook-Form for form validation, Tailwind CSS & Shadcn.

• Host: GitHub
• URL: https://github.com/r3ss1/ecommerce
• Owner: r3ss1
• License: mit
• Created: 2024-12-22T23:13:48.000Z (5 months ago)
• Default Branch: main
• Last Pushed: 2024-12-29T16:28:30.000Z (5 months ago)
• Last Synced: 2024-12-29T16:29:11.461Z (5 months ago)
• Topics: clerk-auth, ecommerce, next-js-14, shadcn-ui, stripe-payments, tailwind-css
• Language: TypeScript
• Homepage:
• Size: 1000 Bytes
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        


  


    

      

    

  


  


    

    

    

    

    

    

  


Full Stack E-Commerce Website + Admin Dashboard


   


     In this project, I am coding along with Maria (Code With Phuc on Youtube) to build and deploy a full stack E-Commerce website and admin dashboard using cutting-edge web technologies.





    Project Video

    


    Maria's GitHub







  


    

        

            

                Initiated

                Completed

                Progress - 29Dec24

                YT video lenght

            

        

        

            

                December 2024

                Est. ~ mid 2025

                

                    


                    2%

                

                 10 hours 

            

        

    



## 🤖 Introduction

This project is a modern E-Commerce application built with Next.js 14 and integrated with a robust backend system featuring MongoDB for database management and Stripe for payments. Designed with responsiveness and usability in mind, it incorporates Clerk for authentication, React-Hook-Form for form validation, and Tailwind CSS with Shadcn UI for a seamless user interface.

## ⚙️ Tech Stack

- **Next.js 14**: Framework for building scalable web apps.

- **TypeScript**: For type-safe, maintainable code.

- **MongoDB**: Flexible NoSQL database.

- **Stripe**: Payment processing.

- **Clerk**: Authentication and user management.

- **TailwindCSS & Shadcn UI**: Responsive and stunning UI design.

- **React-Hook-Form**: Easy-to-use form validation.

- **Next Cloudinary**: Image upload and storage.

## 🔋 Features

👉 **Admin Dashboard**: Manage collections, products, orders and customers with CRUD functionality.  

👉 **Authentication**: Secure login and registration with Clerk.  

👉 **Responsive UI Design**: Stunning and adaptive layouts powered by TailwindCSS and Shadcn UI.  

👉 **Dynamic E-Commerce Store**: Full-featured store with search, product details, add-to-cart, wishlist and checkout functionality.  

👉 **Stripe Payment Integration**: Seamless payment processing with Stripe, including webhook handling for order creation.  

👉 **Image Upload & Storage**: Next Cloudinary integration for managing media assets.  

👉 **Real-Time Data**: Efficient data handling and nested schema management with MongoDB.  

👉 **Reusable Components**: Modular and maintainable code structure for faster development.  

👉 **Graphs and Insights**: Interactive dashboards with Recharts for data visualization.  

and many more features for a complete E-Commerce experience!

## 🤸 Quick Start

Follow these steps to set up the project locally on your machine.

**Prerequisites**

Make sure you have the following installed on your machine:

- [Git](https://git-scm.com/)

- [Node.js](https://nodejs.org/en)

- [npm](https://www.npmjs.com/) or [yarn](https://yarnpkg.com/)

- MongoDB instance or account for database setup.

**Cloning the Repository**

```bash

git clone https://github.com/r3ss1/Ecommerce

cd borcella_admin

```

More details will be provided at a later date as the project is in an incipient state.

## 🔗 Links

You can find important links below:

- React/Vite/Shadcn Installation

- Stripe Test Cards

- Stripe CLI Documentation

- Stripe

- Cloudinary

- MongoDB

## 📦 Assets

Assets used in the project will be provided here.

## 🤝 Acknowledgments

Many thanks to Phuc Hong Mai (Maria) for the tutorial and course resources!

 [Maria Phuc's Youtube](https://www.youtube.com/@codewithphuc).

## 📄 License

This project is licensed under the MIT License.

Note: This project is for educational purposes and is free to use under the terms of the MIT License.