christopherliew/dineinwebapp

Dine In web app, the one stop shop for an easy and safe dining experience during the COVID-19 pandemic

Hey there, I'm Christopher 👨🏻‍💻

I am a software engineer whose interests and passions lie in databases, distributed systems, big data processing as well as natural language processing. You can find my passion + learning / school projects messily dumped here (cos that's what repositories are for right), though its due for some committed progress and refactoring (tech debt is real 😳) and other messily strewn and half finished notes here on tech-related readings and exploits.

Languages & Tools

                       

Random & Meaningless Stats

dineinwebapp's Issues

Restaurant Listing Page

Restaurant Information Card

Name of Restaurant
Pictures of Restaurant
Button that redirects to Google Maps for directions
Address of Restaurant
Link to the PDF menu

UI Housekeeping

1. Standardisation of key UI elements:

• Buttons
• Cards
• Input Boxes
• Fonts
• Padding (No elements should be flushed close to the border of cards/ boxes; must be packed neatly inside)

2. Update of thematic UI elements:

• Color scheme (Pastel/ Bright to invoke appetite)
• Layout (All cards and boxes should be neatly aligned)
• Centralisation of search bar
• Enlarge Navbar
• Dine In Logo addition
• Home page banner should be a single non tessellated image

Reservations Page & Review Form

Table of all reservations (User & Restaurant)

• User: Past and Upcoming Reservations
• Restaurant: Upcoming Reservations

Review functionality (User)

• Button to give a review
• Update given restaurant’s reviews by that user

Cancellation functionality (User/ Restaurant)

• Button to cancel order & update collections
• Include alert to confirm cancellation

Blacklist functionality (Restaurant)

• Blacklist user for no-showing

Restaurant Management Backend

Key functionality

1. Allow owners to read and write current vacancies by seat type. (See prototype for template)

Search Bar

Implement search bar design and search bar logic

User Profile Page

Design user page
Edit handphone
Edit email
View past reservations

Set up Firebase Project, Connectivity & Design

1. Firebase authentication etc
2. Collections and documents for different data to be stored in detail (E.g. data types etc.)
   • User Info
   • Merchant Info

Sign In Page

Seat Selection

Pictures that allow consumers to see where the seat is located
Buttons that allow the user to select the seat

Restaurant Upload Page

Safety Report Card

Includes cards to evaluate the COVID-19 prevention measures

Google Maps Page

Live map page
Pull available outlets from FIrebase

Home Page

Style carousel
Style Home Page
Create links to restaurants in the restaurant cards

Merchant Dashboard

Needs to be exhaustive
Covers user and restaurant owner

User rating system

Route of Vue components, Create Named Paths & Pass data via router params.

Key Functionality

1. Establish User & Restaurant paths based on login type (given by user type).
2. Create and link respective programmatic paths.
3. Pass relevant data (E.g. merchant_id, etc.) via routed paths.
4. Add navigation guards to control logged in and non-logged in navigation behaviour.

Design Restaurant Upload Portal

Name of Restaurant
Upload Pictures
Link to Google Maps Address
Indicate Seating Capacity
Upload PDF Menu

Reservation Logic

Update current vacancies based on current timestamp

• Don’t let the user choose datetimes that conflict with other reservations’ datetimes.
• Current vacancies are validated upon reservation at datetime
• Check for current vacancies done upon loading of restaurant page in real time:
  • Existing state
    • Current numbers
    • Editable by owner in real time
  • Reservations collection
  • Current vacancies = Existing State - Reservation Numbers

Update restaurant backend:

• Restaurant can change status: no-show, completed, cancel on their list of reservations

Restaurant safety measure cards:

• Indicate percentage of adherence to the four measures.

Seating Insights on Restaurant Page

Seating Insights Card, offering a quick look at the:

Vacancies
Total Seating Capacity
Customer Satisfaction