Groomify is a modern web application built with Next.js and Tailwind CSS that helps users book pet grooming appointments with ease. It provides a seamless experience for customers and a powerful dashboard for admins to manage bookings, contacts, and faqs.
Project Link: Github: https://github.com/LamNDQ/Groomify Website: https://groomify-e3l3.vercel.app/
- Nguyễn Đắc Quang Lâm - 21020002
Groomify allows pet owners to schedule grooming appointments with just a few clicks. Admins can manage all aspects of the business including services, bookings, and customer accounts. The app is designed to be responsive and user-friendly across all devices.
- Include: -- Header -- Hero -- About us -- Services -- Packages -- Contact -- Footer
- Call-to-action buttons to view book appointments
- Responsive design for mobile and desktop
- Choose grooming services
- Select date and time
- Auto-confirmation and email notifications (if enabled)
- Filter appointments by service, date, pet type, etc.
- Overall information, lastest contacts, lastest bookings
- View and edit bookings
- View and edit contacts
- View and edit FAQs to show in home page
- 📊 Dashboard: Overview of contacts, bookings, faqs
- 📦 Manage Contacts: Add, edit, delete contacts
- 🧾 Manage Appointments: View, filter, approve, or cancel appointments
- 👥 Manage FAQs: Add, edit, delete FAQs
- Next.js 14 - React framework
- Tailwind CSS - Styling
- React Icons - UI icons
- React Hot Toast - Notifications
- Next.js API Routes - Backend API
- Prisma - ORM
- PostgreSQL - Database
Homepage
Service Booking
Dashboard
Manage Bookings
Manage Contacts
Manage FAQs
# Clone the repository
git clone https://github.com/LamNDQ/groomify.git
cd groomify
# Install dependencies
npm install
# Setup environment variables
cp .env.example .env
# Fill in your environment variables
# Run database migrations
npx prisma migrate dev
# Start development server
npm run devDATABASE_URL="postgresql://username:password@localhost:5432/groomify"
NEXTAUTH_SECRET="your-secret-key"
NEXTAUTH_URL="http://localhost:3000"
EMAIL_SERVER_USER="your-email@gmail.com"
EMAIL_SERVER_PASSWORD="your-email-password"