Skip to content

A modern, responsive web application for restaurants to effortlessly manage and display their menus. Built with Angular, TypeScript, and styled using Tailwind CSS, this app offers intuitive menu management, secure authentication, order tracking, and email notifications.

Notifications You must be signed in to change notification settings

vannputh/menu_web_app

Repository files navigation

🍽️ Menu Web App

Welcome to Menu Web App, a modern, efficient, and user-friendly web application tailored for restaurants and similar businesses to seamlessly manage and display their menus.


🔄 Overview

This application leverages Angular, TypeScript, HTML, and JavaScript for robust frontend development, styled beautifully with Tailwind CSS. It’s containerized using Docker for smooth deployment and consistent environments across development and production.

The Menu Web App is designed to simplify the management of restaurant menus, providing a seamless experience for both administrators and customers. With its intuitive admin panel, restaurant owners can easily update menu items, organize them into categories, and even upload images to create visually appealing menus. The integrated email notification system ensures customers are always in the loop about special offers and updates.

The application’s secure authentication and authorization system protects sensitive data, while MongoDB integration guarantees efficient data handling. Whether you're managing a small café or a large restaurant chain, the Menu Web App offers the flexibility and tools you need to streamline operations and enhance customer engagement.


🔍 Features

  • 🔹 Menu Management: Effortlessly add, edit, and delete menu items with an intuitive interface.
  • 📆 Admin Interface: A dedicated admin panel for managing menu items, uploading images, and setting prices.
  • 🚀 Email Notifications: Keep customers informed about special offers with integrated Nodemailer.
  • 🌍 Category Management: Organize items into categories for seamless navigation.
  • 📦 Order Tracking: Monitor customer orders and manage their statuses in real-time.
  • 🔒 Secure Authentication: Protect access to the admin panel with robust user authentication and authorization.
  • 📂 Database Integration: Efficiently store and retrieve data using MongoDB.
  • 🌐 Environment Configuration: Manage environment variables effortlessly using dotenv.
  • 🛠️ Dockerized Setup: Deploy the app effortlessly with Docker for a hassle-free setup.

🚀 Installation

1. Clone the repository:

git clone https://github.com/vannputh/menuWebApp.git

2. Navigate to the project directory:

cd menuWebApp

3. Install dependencies:

npm install

4. Build the project:

npm run build

5. Start the application:

npm start

🌐 Usage

  • 🔗 Access the Application: Open http://localhost:3000 in your browser.
  • 📆 Admin Interface: Use the admin panel to manage menu items, categories, and prices.
  • 📧 Email Notifications: Configure Nodemailer settings to send updates and special offers to your customers.

💪 Contributing

Want to contribute? We welcome your input!

  1. Fork the repository.
  2. Create a new branch for your feature or fix.
  3. Submit a pull request with a clear description of your changes.

📄 License

This project is licensed under the MIT License. Feel free to use and modify it as needed!


Angular Badge TypeScript Badge Tailwind CSS Badge Docker Badge MongoDB Badge

🍽️ Built with love for restaurants and foodies alike!

About

A modern, responsive web application for restaurants to effortlessly manage and display their menus. Built with Angular, TypeScript, and styled using Tailwind CSS, this app offers intuitive menu management, secure authentication, order tracking, and email notifications.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published