Everyday, I ask myself, “what should I eat for lunch?”. I could eat the same thing I had yesterday, but eating the same kind of food is boring. Searching on google yields no useful results, and only serves to remind myself that I have had similar lunchtime crises in the past. If only there was an app to help me decide on what to eat every day. Also, why is there not a record of the various menus somewhere to help us decide what to eat?

As such, we hope to help make informed choices on what to eat in NUS quick and easy by consolidating all the information into an easy to use app.

A platform for NUS Students to look for dishes in NUS stalls and getting recommendations for food in NUS.

Must have: 3/3

Should have: 2/3

Good to have: 1/3

Visitor here is a general term referring to both anonymous and registered users visiting the site

Priority	As a...	I want to be able to...	So that I can...
3/3	Visitor	view the full menu,prices, halal-ness, opening hrs of food stall	know the food choices available to me
3/3	Visitor	know my current distance to nus food locations	make informed decisions
3/3	Visitor	generate random suggestions for food based on presets such as menu, prices, distance	have something help me decide what to eat
3/3	Visitor	see reviews and ratings on stalls and food items	make informed decisions
3/3	User	Login securely	Keep my account safe
2/3	Registered User	reset/change my username/password	have control over my account.
2/3	Registered user	post reviews and ratings on stalls and food items	provide feedback about the food
2/3	Registered user	generate random suggestions based on my eating history	have something help me decide what to eat efficiently
2/3	Administrator	filter and remove abusive comments	prevent abuse of the application
1/3	Registered user	contribute to the database of foodstalls	help keep information up to date for other fellow users
1/3	Administrator	Vet and approve contributions made by fellow users	to prevent abuse of database
1/3	Administrator	Receive notification to approve contributions	approve contributions ASAP
1/3	Visitor	find the shortest path to food location	find food quickly
1/3	Visitor	check the real time crowd level of a location	to make informed decisions

Our web-application frontend is made up of these main components:

• Landing page (Locations Listing page)

• Stall Listing page

  • clicking on the stall will bring up a floating preview card of the stall
    • preview card shows stall information such as opening hours, price range, halal info etc.
    • click again to enter menu listing page

• Menu Listing page - Landing page associated with the stall

  • Display Ratings, comments and description of the stall
  • Scroll down to view menu of the stall

• A "I am feeling lucky page" - recommend the dish for the user. Users can:

  • Swipe right/ Click on the right arrow to move to the next recommendation.
  • Swipe left/ Click on the left arrow to move back to the previous recommendation.
  • Double tap/click to confirm their choice.

• Login/Signup page

• User Dashboard

  • Shows stall visit history
  • Show comments and reviews made by user in timeline

Our web-application will have these features:

• Display the list of dishes in every food stalls in NUS.
• Give recommendations on what to eat every day.
• Give the distance from the user to the stall to the stall that serve the dish they are considering.

The program flow can also be found here.

We have designed the basic "skeleton" layout for the mobile version of our web-app. You can view the current progress pdf version or figma version

We aim to develop a mobile-friendly web app by adhering to progressive web application guidelines.

We decided to use ReactJS because ReactJS is lightweight, and flexible.

We decided to use Firebase Authentication as it is secure and easy to deploy.

We are intending to use ExpressJS/Firebase to act as an API endpoint, to handle queries to our database and handle algorithms for recommendations.

No.	Task	Date	Chee Hong (hours)	Vinh (hours)	Remarks
1.	Project preparation	See remarks	30	30	Chee Hong learnt the fundamentals of ReactJS, ExpressJS, Git workflows, CSS styling and RESTful API (15 May - 28 May) Vinh learnt the fundamentals of ReactJS, Firebase, and Github (15 May - 28 May)
2.	Preparing poster and poster	Due on 17 May	2	4	Poster designed on Canva by Vinh. Video and script by Chee Hong
3.	Team meeting #1	11 May	2	2	General Ideation and discussion
4.	Meeting w Abishek(advisor) & Team meeting #2	17 May	3	3	Further ideation and discussion on frontend and backend techstack Allocation of work to team members.
5.	Team Meeting #3	22 May	2	2	Solidify the inner workings (back-end wise) and user stories of the project
6.	Designing wireframes on Figma	26-30 May	20	14	Learning the fundamentals of Figma. Choosing React front-end UI framework (Material UI). Ideation of wireframes for the front-end look for the web app. Designing component wireframes by Chee Hong You can view the current wireframes here.
7.	Development of Authentication pages (Sign in and sign up)	26-30 May	0	12	Designing the front-end sign-in and sign up page, configuring Firebase to handle authentication.
8.	Implementing frontend routing for React web-app	29-30 May	6	0	Initialize git repo, adding support for multi page application.
9.	Creating program flow diagram & project log	30 May	3	1	Creating the program and user flow diagram and project log to keep track of the current progress.
10.	Further frontend improvements and preparation for milestone 1	31 May	7	3	Implementing more front-end React components and deployment of applications.
Hours spent		Subtotal	75	71	Total: 136hrs