Giter Club home page Giter Club logo

restaurant_flutter's Introduction

Firestaurant

A reservation Website

Firestaurant is a website that helps users book tables online quickly, conveniently and without wasting much time and helps managers automate all processes for recording requests to book tables/change tables from clients.


This is a Frontend source code to help develop a restaurant reservation website - an academic project of the subject "Object-oriented programming techniques" - taught by lecturer Huynh Trung Tru.

Made by:

  • Le Mau Anh Duc - N19DCCN038
  • Tran Thu Dat - N19DCCN036

Deploy

Related Source

Techniques

  • Language: Dart
  • Framework: Flutter
  • State Management: BLoC

Main features:

Common:

  • For manager roles:
    • Add several information of dish, drink, service..., includes: name, description, image, price, type...
    • Manage client reservation history: view, change status(ex: reject for some reasons) or add notes to it.
  • For client roles:
    • View all information about restaurant: basic information and restaurant's products: dish, drink, service... clearly.
    • Make a reservation.
    • Change schedule of reservation or cancel it.

Special:

  • Automatically reservation: Based on the number of guests, event time, menu, drinks, and services provided by client, the system automatically arranges tables(without manager intervention) and notifies prepaid fees(if any). In case there is a prepaid fee, the person booking the table is required to pay before the specified time. Otherwise, the system will no longer hold the reservation.
  • Messenger-lite: Our website allows clients to message the manager and vice versa. This helps the restaurant easily connect and better understand clients' requests as well as make clients express their opinions more clearly to the restaurant.
  • Multi-language: Our website currently supports 2 languages: ENGLISH and VIETNAMESE. Because backend technology is still limited, the data in the database cannot support multiple languages, so some data is only displayed in Vietnamese.

How to use website?

Visit Firestaurant

Change Language

  • In case the current languages don't work for you, you can change them in Setting Tab.

image

  • Click on "Change Language".

image

  • Change language what you want and "Apply" it.

image

Reservation Tab

This tab helps you prepare a table reservation request by entering information such as the number of guests, date and time of the event, seating location, and a list of dishes, drinks, services, and notes you want to send to the restaurant.

  • Click on "Booking" Button on the right top corner.

image

  • Click on add/subtract button to increase/descrease quantity. Or change order of item by drag and drop button shaped like an equal sign.

image

image

  • Click on "Ghi chΓΊ" Tab to add your note.

  • Click on "Reservation Confirmation" to make a reservation(need Sign In).

View dishes, drinks, services

  • Simalar to Setting Tab, you click on Dish, Drink, Service tab to view list of each.

image

  • For example, in the dish tab, a list of dishes appears with the following interface for each dish

image

  • You can filter by Type, order Price by the top bar

image

  • Pagination on the bottom.

image

  • To add what you want to Reservation Tab, just click on a specific item.

View history

This function need to Sign In.

  • Click History Tab to see all your reservation history. Have filter bar and pagination on this screen.

image

  • Click on "three dot" button to view detail of specific reservation.

image

How to run this code?

Editor

Firstly, need an IDE/Editor where build and compile code. Highly recommend to using VSCode. Because it's very popular, easy to use and have many extension that make coding more funny and easier.

Flutter SDK and Dart SDK

See this original document to more information.

Check version

Run flutter doctor -v to check version of Flutter and if any missing related to Flutter.

Now, run it

If you have VSCode and all of above things, now run this.

Step 1: Run flutter pub get to get all package/dependency is used in source code.

Step 2: Check the bottom right corner, you can see available devices (maybe IDE needs a few seconds to load it). Click on it and select any browser you have.

Screen Shot 2023-10-26 at 10 23 14 AM

Step 3: Check the bar on top, you can see a button called "Run". Click on it. After that, click on "Run without debugging", or "Start debugging" if you want debug code.

Screen Shot 2023-10-26 at 10 31 40 AM

Step 4: Check the result.

Step 5: Make a coffee and fix bug. β˜• πŸ› οΈ 🐞

restaurant_flutter's People

Contributors

dynamite-tnt-1 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    πŸ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. πŸ“ŠπŸ“ˆπŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❀️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.