A seamless table reservation platform built with the MERN stack. This user-facing portal allows diners to explore restaurants, check real-time table availability, and book tables effortlessly with secure Google OAuth 2.0 authentication and automated email notifications.
- User Portal: https://pandarestaurantsuser.vercel.app
- Backend API: https://panda-rest-server.onrender.com
- 🔐 Google OAuth 2.0 Authentication – Secure, one-click login
- 🗕️ Real-Time Table Availability – Check live slot availability
- ✅ Smart Booking System – Select date, time & guest count
- 📨 Automated Email Notifications – Login and booking confirmations
- 📊 Reservation Dashboard – View your upcoming and past bookings
- 🎨 Framer Motion Animations – Smooth, modern transitions
- 📱 Fully Responsive Design – Works flawlessly across devices
| Layer | Technology |
|---|---|
| Frontend | React.js, Vite |
| Styling | Tailwind CSS, Framer Motion |
| Authentication | Google OAuth 2.0, JWT (HTTP-only cookies) |
| Backend API | Node.js, Express.js |
| Database | MongoDB, Mongoose |
| Emails | NodeMailer |
| Deployment | Vercel (Frontend), Render (Backend) |
git clone https://github.com/subramanyamchoda/panda-rest-user.git
cd panda-rest-usernpm installCreate a .env file in the project root:
VITE_API_BASE_URL=https://panda-rest-server.onrender.com/
VITE_GOOGLE_CLIENT_ID=your-google-client-id📝 Replace
your-google-client-idwith your actual Client ID from the Google Developer Console.
npm run devVisit: http://localhost:5173
- Google OAuth 2.0 for secure user login
- JWT tokens stored securely in HTTP-only cookies
- Protected Routes:
- Booking
- Reservation Dashboard
Automated emails sent via NodeMailer for:
- 🔑 Login confirmation
- 🗕️ Booking confirmation
✅ Google OAuth 2.0 Integration
🔐 Secure JWT-based authentication
🗕️ Real-time table booking & availability
📨 Automated email confirmations
📱 Mobile-friendly, responsive design
🎥 Smooth animations with Framer Motion
Contributions are welcome! Follow these steps:
# Fork the repository
# Create a new branch
git checkout -b feature/YourFeatureName
# Make changes & commit
git commit -m "Added YourFeatureName"
# Push to your fork
git push origin feature/YourFeatureNameOpen a Pull Request — I’ll be happy to review it!
This project was built to:
- Enhance MERN stack development skills
- Implement real-world authentication flows
- Practice responsive UI/UX design
- Improve secure API and email integrations
- 🛠️ Admin Portal – For restaurant managers
- 🌐 Backend API – Node.js Express server
👉 Live User Portal: https://pandarestaurantsuser.vercel.app
Made with ❤️ by @subramanyamchoda