AutoValue is a modern car listing platform where users can create, edit, and explore car listings. Users can filter cars by make, model, and year, leave reviews and ratings, and contact sellers directly. Built with Next.js 16, Prisma, NeonDB, Cloudinary, Axios, and NextAuth.
- ✅ User registration and login (secure via NextAuth)
- ✅ Create new car listings
- ✅ Edit or delete existing listings
- ✅ Filter listings by make, model, and year
- ✅ Search listings by keywords
- ✅ View listing details and contact sellers
- ✅ Leave reviews and ratings on cars
- ✅ Manage listing images with Cloudinary integration
- ✅ Next.js 16 for modern React-based frontend
- ✅ Prisma ORM with NeonDB for database management
- ✅ Cloudinary for image upload and management
- ✅ Axios for API calls
- ✅ NextAuth for secure authentication
- ✅ Dynamic filtering and search functionality
- ✅ CRUD operations for listings
- ✅ Review and rating system
- ✅ Responsive and user-friendly UI
DATABASE_URL=""
NEXTAUTH_URL=""
NEXTAUTH_SECRET=""
CLOUDINARY_CLOUD_NAME=""
CLOUDINARY_API_KEY=""
CLOUDINARY_API_SECRET=""| Layer | Technology |
|---|---|
| Frontend | Next.js 16, Tailwind CSS |
| Backend | Next.js API Routes, Prisma |
| Database | NeonDB + Prisma |
| Auth | NextAuth |
| Forms | React Hook Form |
| HTTP Requests | Gemini API |
| Alerts | React Hot Toast |
| Images | Cloudinary |
- Node.js
v22+
# 1. Clone the repository
git clone <repository-url>
cd AutoValue
# 2. Install dependencies
npm installpnpm install && npm installnpm run dev- Clean, modern, and user-friendly interface
- Fully responsive for desktop, tablet, and mobile
- Easy forms for creating and editing listings
- Quick filtering and search functionality
- Intuitive review and rating system
- Secure authentication with NextAuth
- Cloudinary for optimized and secure image management
- Fast and reliable database operations with Prisma