Student Marketplace Web App

I'll create a full-stack Next.js application where students can buy and sell educational resources. This will include user authentication for buyers and sellers, product listings, and search functionality.

Features

This student marketplace application includes:

1. User Authentication

   • Login and registration forms with role selection (buyer, seller, or both)
   • Form validation and error handling

2. Product Management

   • Browse products with filtering and search
   • Product detail pages with specifications
   • Add new products for sale with detailed information

3. Interaction Features

   • Contact sellers through messaging
   • Add items to cart
   • User profiles

4. Responsive Design

   • Mobile-friendly layout
   • Accessible UI components

Implementation Details

The application is built with:

• Next.js App Router for routing and server components
• Tailwind CSS for styling
• shadcn/ui for UI components
• Server Actions for form submissions and data mutations
• TypeScript for type safety

The data layer uses mock functions that simulate database operations. In a production environment, these would connect to a real database like PostgreSQL, MongoDB, or a service like Supabase.

Getting Started

To use this application:

1. Add it to your codebase using the "add to codebase" button
2. Run the development server with npm run dev
3. Open http://localhost:3000 to see the application

You can customize the application by:

• Connecting it to a real database
• Adding authentication providers like NextAuth.js 1
• Implementing payment processing
• Adding more features like wishlists or reviews