Project name: E-shop
Overview:
This project is a comprehensive e-commerce website built using Next.js 14 and React 18. The frontend is crafted with the components library shadcn/ui and styled using Tailwind CSS and CSS3, ensuring a modern and visually appealing design. The project is developed with TypeScript, leveraging its powerful type-checking capabilities.
The backend is powered by MongoDB and Next Cloudinary, providing robust data storage and media management capabilities. For payment processing, Stripe is integrated, ensuring secure and efficient transactions.
For authentication, Clerk Auth is integrated to manage user login and registration securely. The project also incorporates several third-party libraries, including date-fn for date manipulation, react-hook-form for form handling, zod for schema validation, next-themes for theme management, redux-toolkit for state management, and recharts for data visualization.
This website includes a comprehensive dashboard where products can be added, updated, and deleted from the database. It also allows tracking of revenue and sales. Orders, deliveries, and customers can be managed directly from the database through the dashboard.
The project demonstrates the benefits of React components, reusable components, and React hooks. It is structured to provide an exceptional user experience and encourage repeat customers. The website is fully responsive and SEO optimized, ensuring it looks great and performs well on all devices.
Technology Used:
- Use case E-commerce website
- Framework Next js 14, React 18
- Components Lib shadcn/ui
- Typescript Yes
- Markup Html5
- css Tailwind css, Css3
- Animation Framer motion
- Font family Inter, Sans Serif
- Icon Library React-icons
- Authentication clerk auth
- Third Party Library date-fn, react-hook-form, zod, next-themes, redux-toolkit, recharts
- Backend **MongoDB, next-cloudinary **
- Payment gateway Stripe
- hosting Vercel
-
Live Preview
Source code