A modern e-commerce platform built with Next.js, TypeScript, and Tailwind CSS, offering a seamless shopping experience with features like user authentication, a dynamic product showcase, and database management powered by Prisma.
Check out the live site: E-Commerce Platform
✅ User authentication with Google OAuth.
✅ Dynamic carousel for showcasing products.
✅ Optimized for performance using Next.js SSR and SSG.
✅ Styled with Tailwind CSS for a responsive UI.
✅ Prisma ORM for efficient database interaction.
✅ Interactive user notifications powered by React Hot Toast.
- Next.js – Framework for server-rendered React applications.
- TypeScript – For type-safe code.
- Tailwind CSS – Utility-first CSS framework.
- Prisma – Database ORM for schema management.
- Google OAuth – User authentication.
- Additional tools:
canvas-confetti,dotenv,Embla Carousel, and more.
Follow these steps to set up the project locally:
- Node.js (version 18 or higher)
- npm or yarn
- A configured database (refer to Prisma setup)
git clone https://github.com/Icekid35/ecormmerce.git
cd ecormmercenpm install- Create a
.envfile in the project root. - Add your database connection string and other variables (e.g., Google OAuth keys).
npx prisma generatenpm run dev📁 /pages – Contains application routes.
📁 /components – Reusable UI components.
📁 /prisma – Database schema and migrations.
📁 /public – Static assets (e.g., images, icons).
The project is deployed on Vercel.
For deployment, ensure the .env variables are configured on the Vercel dashboard.
Contributions are welcome! 🚀
- Fork the repository.
- Create a feature branch.
- Submit a pull request.
This project is licensed under the MIT License.
- Next.js
- Tailwind CSS
- Prisma
- Vercel