LEGO Store E-commerce Project 🧩

Description

This is a personal project aimed at building a LEGO store e-commerce website to improve my skills in web development. The website will allow users to browse a collection of LEGO, add them to their cart, and complete their purchases securely online.

Technologies Used 🔪

• Netx.JS: A React framework that enables server-side rendering, static site generation, and routing for building fast and SEO-friendly web applications.
• Redux Toolkit: A set of tools and best practices for managing application state in Redux
• TailwindCSS: A utility-first CSS framework for quickly styling web applications.
• Stripe: Payment processing platform for handling online transactions securely.
• NextAuth : An authentication library for Next.JS applications, providing features like session management, OAuth authentication, and custom authentication strategies.
• PostgreSQL (with Vercel): Relational database management system used for storing user data, product information, and order details.
• Prisma: ORM (Object-Relational Mapping) tool to facilitate interaction with PostgreSQL database and generate SQL queries more efficiently.

Project Goals 🚀

• Create a responsive and visually appealing user interface.
• Implement features such as :
  • product catalog
  • shopping cart
  • favorites products
  • user authentication with google account
  • order management
  • admin dashboard
  • Integrate Stripe for handling online payments securely.
  • Utilize PostgreSQL to store and manage user data and product information.
  • Gain practical experience with Next.JS, State management, databases and other modern web development technologies.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.