Skip to content

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.

License

Notifications You must be signed in to change notification settings

r3ss1/Ecommerce

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 
 
 

Repository files navigation


Project Banner
Next.js Stripe Clerk TailwindCSS MongoDB

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

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.

  • 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.

👉 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!

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

Prerequisites

Make sure you have the following installed on your machine:

Cloning the Repository

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.

You can find important links below:

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.

📄 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.

About

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.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published