A virtual dining experience that brings the charm and flavors of a traditional bar and bistro directly to your digital doorstep. This innovative concept combines the convenience of online ordering with the ambiance and culinary delights of a cozy bistro setting.
https://clickcuisine.vercel.app/
Here're some of the project's best features:
- User Authentication: Implement user authentication system for customers to create accounts log in and manage their profiles.
- Menu Display: Display the bar and bistro's menu in an attractive and user-friendly layout categorized by drinks appetizers main courses desserts etc.
- Search Functionality: Allow users to search for specific items on the menu by name category or keywords.
- Ordering System: Enable customers to add items to their cart specify quantities and place orders for pickup or delivery.
- Real-time Updates: Utilize WebSocket technology to provide real-time updates on order status such as when it's being prepared out for delivery or ready for pickup.
- Reservation System: Allow users to make reservations for dining in at the bistro specifying the date time number of guests and any special requests.
- Responsive Design: Ensure that the website is fully responsive and optimized for various devices and screen sizes including desktops tablets and smartphones.
- Admin Dashboard: Provide an admin dashboard for staff to manage orders update the menu view reservations and monitor customer feedback.
- Social Media Integration: Allow users to share their dining experiences on social media platforms and follow the bar and bistro's official accounts for updates and promotions.
- Analytics and Reporting: Provide analytics and reporting tools for the admin to track sales customer trends popular menu items and other key metrics to make data-driven decisions.
1. Clone the Repository
git clone https://github.com/Susan56789/clickcuisine.git
2. Navigate to the Project Directory
cd clickcuisine
3. Install Dependencies
npm install
4. Configuration
Check if there are any configuration files provided (like .env files) and configure them according to your environment. This might include setting up database connections API keys or other environment-specific variables.
5. Run the Application
npm run serve
Technologies used in the project:
- Vue 3
- Tailwind Css
- Node
- Postgresql