A modern web application for restaurant ordering built with Next.js 14, featuring real-time updates, interactive UI, and seamless payment integration.
Check out our application in action:
https://github.com/lekt9/IS4302/raw/refs/heads/submission/demo.mp4
- Restaurant Discovery: Browse nearby restaurants with real-time availability
- Dynamic Menu: Interactive menu with real-time price calculations
- Smart Discounts: Automatic discount application based on order value
- Responsive Design: Optimized for both desktop and mobile devices
- Real-time Updates: Live order status tracking
- Smooth Animations: Enhanced user experience with subtle animations
- Framework: Next.js 14 (App Router)
- Styling: Tailwind CSS
- State Management: React Hooks
- Maps Integration: Google Maps API
- UI Components: Custom components with Tailwind
- Icons: React Icons
- Toast Notifications: React Hot Toast
-
Clone the repository:
git clone https://github.com/your-username/restaurant-order-system.git
-
Install dependencies:
cd restaurant-order-system npm install -
Set up environment variables:
cp .env.example .env.local
-
Start the development server:
npm run dev
Create a .env.local file in the root directory with the following variables:
env NEXT_PUBLIC_GOOGLE_MAPS_API_KEY=your_google_maps_api_key
- Open
http://localhost:3000in your browser - Browse available restaurants
- Select items from the menu
- Place your order
- Track order status in real-time
Contributions are welcome! Please feel free to submit a Pull Request.
- Fork the repository
- Create your feature branch (
git checkout -b feature/AmazingFeature) - Commit your changes (
git commit -m 'Add some AmazingFeature') - Push to the branch (
git push origin feature/AmazingFeature) - Open a Pull Request
This project is licensed under the MIT License - see the LICENSE file for details.
- Your Name - Initial work - YourGitHub
- Thanks to all contributors who have helped this project grow
- Inspired by modern food delivery platforms
- Built with ❤️ using Next.js and React