Preview

Movie Store Web App

Next.js TypeScript tRPC Prisma TailwindCSS

Movie Store Web App

Screenshot of Movie Store App

Overview

This project is a full-stack e-commerce application completed in 3 days. It allows users to browse and purchase movies/DVDs. The site uses Next.js for the frontend and implements REST or tRPC for backend APIs.

Features

  • Product Catalog: List and search movies with details (title, cover, price).
  • Shopping Cart: Add/remove items before checkout.
  • Checkout Process: Form for shipping details and payment simulation.
  • Admin Panel: Manage products (add/edit movies).

Tech Stack

  • Frontend: Next.js (React) with TypeScript
  • Backend: Node.js API (possibly via Next.js API routes or tRPC)
  • Database: Prisma ORM with SQLite or PostgreSQL
  • Styling: Tailwind CSS

Setup

  1. Clone git clone https://github.com/sahaib/movie-store.git.
  2. Install: npm install.
  3. Set up database and run migrations: npx prisma migrate dev.
  4. Run the development server: npm run dev.