Skip to content

adimango/ai-marketplace-demo

Repository files navigation

Secondhand Marketplace Demo (AI-Generated)

A secondhand fashion marketplace inspired by platforms like Vinted, built with Next.js. This project was built in under 20 minutes for just $3 using only Claude AI and the Cline.
It was created to demonstrate the potential of Claude and Cline for rapid, low-cost web development.
For details on how it was generated, see the PROMPT.md file.

ai-marketplace-demo screenshot

Live Demo

Check out the live demo: Demo

Technologies Used

  • Framework: Next.js 14 with App Router
  • Frontend: React 18, TypeScript
  • Styling: Tailwind CSS
  • Authentication: NextAuth.js
  • State Management: Custom React hooks, Context API
  • Development: ESLint, TypeScript

Features

  • Responsive design that works on mobile, tablet, and desktop
  • User authentication with NextAuth.js
  • Product browsing with filtering and search functionality
  • Product detail pages with image galleries
  • User favorites/bookmarking system
  • User account management
  • Category-based navigation
  • Clean, modern UI with Tailwind CSS

Getting Started

Prerequisites

  • Node.js 18.17.0 or later
  • npm or yarn or pnpm

Installation

  1. Install dependencies:
npm install
# or
yarn install
# or
pnpm install
  1. Run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
  1. Open http://localhost:3000 with your browser to see the application.

Project Structure

  • src/app/ - Next.js App Router pages and API routes
  • src/components/ - Reusable React components
  • src/data/ - Sample product data
  • src/store/ - State management
  • src/types/ - TypeScript type definitions
  • public/ - Static assets including product images

License

This project is licensed under the MIT License - see the LICENSE file for details.

About

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published