Fullstack WebCompleted

Booksly

Booksly is an event management application designed to help users discover and manage events. This was a school project with a tight deadline, and using v0 was highly recommended by the teacher to meet the time constraints. The application features event browsing, filtering by location and category, detailed event pages, and a comprehensive admin panel for event management. Built on a modern tech stack with Next.js, Prisma and PostgreSQL, it demonstrates a complete full-stack implementation with secure authentication and a polished user interface. The project served as an excellent exercise in rapid development and leveraging AI-assisted tools to deliver a feature-complete application under pressure.

Jan 2025 — Feb 2025

Screenshots

Booksly screenshot 1
Click to expand
Booksly screenshot 2
Click to expand
Booksly screenshot 3
Click to expand
Booksly screenshot 4
Click to expand
Booksly screenshot 5
Click to expand
Booksly screenshot 6
Click to expand
Booksly screenshot 7
Click to expand

Tech Stack

Next.jsTypeScriptTailwind CSSPrismaPostgreSQLRadix UIReact Hook FormRechartsZustand

Key Features

  • Event discovery and browsing with advanced filtering
  • Persistent data layer with Prisma ORM and PostgreSQL
  • Admin panel for event and user management
  • Authentication and authorization system
  • Responsive design with Radix UI components
  • Interactive charts and analytics with Recharts
  • Form handling with validation using React Hook Form
  • Modern state management with Zustand
  • Deployed on Vercel

Challenges

  • Delivering a fully functional application within a tight school deadline
  • Designing a scalable database schema with Prisma migrations
  • Building both public and admin interfaces with complex state management
  • Ensuring consistent styling across many UI components

Solutions

  • Used v0 to accelerate initial UI and component generation
  • Leveraged Radix UI's pre-built accessible components for faster development
  • Organized code into modular layers: API routes, services, and components
  • Used Zustand for lightweight, intuitive state management across the application
View all projects