VK Salon is a modern full-stack salon booking platform designed to help salon businesses showcase services, display styles, manage customer appointments, and maintain an online presence through a responsive and user-friendly experience.
The platform allows customers to explore services, browse styles, read reviews, and submit appointment requests, while administrators can manage content, appointments, and platform operations through a protected dashboard.
Built independently as a complete end-to-end service booking platform.
🔗 Demo: https://vk-salon.vercel.app
- Browse salon services and pricing
- Explore hairstyle and barber showcase sections
- View public posts and updates
- Submit appointment requests
- Read and submit customer reviews
- Responsive browsing experience across devices
- Simple appointment request workflow
- Customers submit:
- name
- phone number
- message
- Appointment data stored in database
- Admin can review and manage booking requests
- Secure admin authentication using NextAuth
- Manage services and pricing
- Add, edit, and delete styles
- Manage posts and content
- View and manage appointment requests
- Moderate customer reviews
VK Salon was designed as a modern service-based platform focused on improving salon visibility and simplifying appointment management.
The application combines:
- public service presentation
- style showcase system
- customer review system
- appointment management
- admin-controlled content management
The platform focuses on responsive UI, smooth user experience, and structured content management.
VK Salon follows a modern Next.js full-stack architecture using server-side rendering and managed backend services.
- Next.js
- TypeScript
- Tailwind CSS
- Reusable component architecture
- Next.js API Routes
- NextAuth Authentication
- PostgreSQL
- Supabase
- Vercel Hosting
- Environment-based configuration
- Next.js
- TypeScript
- Tailwind CSS
- Next.js API Routes
- NextAuth
- PostgreSQL
- Supabase
- Vercel
- Display services with pricing
- Structured service presentation
- Dynamic service management
- Display hairstyle collections
- Visual style browsing
- Public style pages
- Customer booking requests
- Appointment storage in database
- Admin-side appointment management
- Customer review submission
- Public review display
- Feedback management
- Public post visibility
- Admin-controlled content updates
- Dynamic content sections
Built using Next.js App Router with reusable component structure and modular directory organization.
Implemented responsive layouts using Tailwind CSS with consistent UI across devices.
Implemented:
- SSR (Server-Side Rendering)
- SSG (Static Site Generation)
- image optimization
- loading states
Built dynamic routes and reusable systems for services, styles, posts, and reviews.
Implemented secure admin authentication using NextAuth with protected dashboard access.
src/
├── app/
├── components/
├── lib/
├── context/
├── types/ git clone https://github.com/thappamkkumar/vk-salon.gitnpm installCreate .env.local and configure:
- database credentials
- Firebase configuration
- NextAuth secrets
npm run dev- Admin authentication using NextAuth
- Protected admin dashboard
- Secure admin-only operations
- Independently built full-stack booking platform
- Implemented responsive mobile-first UI
- Built reusable component architecture
- Integrated PostgreSQL and Firebase services
- Implemented SEO optimization using SSR & SSG
- Developed dynamic content management system
- Managed deployment and hosting on Vercel
- Real-time appointment updates
- Email notifications
- Customer authentication system
- Online payment integration
- Appointment scheduling calendar
- Analytics dashboard
Mukesh Kumar
- Portfolio: https://mukeshkumar.vercel.app/
- GitHub: https://github.com/thappamkkumar