Ecommerce

KO | EN

gitlite — search

#python #ai #go #golang #android #linux #docker #awesome #cli #kubernetes #vue #pytorch #mcp #open-source

(★ 6)

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.

Ecommerce Latest Version Download

Download Latest Version (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

<h3 align="center">Full Stack E-Commerce Website + Admin Dashboard</h3>

<div align="center">
     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.
<br><br>
    <a href="https://www.youtube.com/watch?v=SR4dFgdKUyI" target="_blank">Project Video</a>
    <br>
    <a href="https://github.com/phuc-mai" target="_blank">Phuc Mai's GitHub</a><br><br>
</div>
</div>

## <a name="introduction">🤖 Introduction</a>

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.

## <a name="tech-stack">⚙️ Tech Stack</a>

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

## <a name="features">🔋 Features</a>

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

## <a name="quick-start">🤸 Quick Start</a>

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/rr3s1/Ecommerce
cd borcella_admin
```
More details will be provided at a later date as the project is in an incipient state.

## <a name="links">🔗 Links</a>

You can find important links below:

- <a href="https://ui.shadcn.com/docs/installation" target="_blank">React/Vite/Shadcn Installation</a>
- <a href="https://stripe.com/docs/testing#international-cards" target="_blank">Stripe Test Cards</a>
- <a href="https://stripe.com/docs/stripe-cli" target="_blank">Stripe CLI Documentation</a>
- <a href="https://stripe.com/" target="_blank">Stripe</a>
- <a href="https://cloudinary.com/" target="_blank">Cloudinary</a>
- <a href="https://mongodb.com" target="_blank">MongoDB</a>

## <a name="assets">📦 Assets</a>

Assets used in the project will be provided here.

## 🤝 Acknowledgments

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

[Phuc Mai'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.

Ecommerce

Ecommerce Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Ecommerce

Ecommerce Latest Version Download

Today's picks

Was this content helpful?

Recent Feedback

Download README