Grub-n-Go

Github Repository

Home Page

Deployed Site

Grub-n-Go is a web application to combat the problems of UH community members decision making in deciding which food venue to eat. The goal is to provide restaurants, food trucks and cafeteria near the University of Hawaii at Manoa campus. Software development tools implemented to produce this app includes:

Students and faculty members at University of Hawaii at Manoa have all but the same conundrums when it’s time to take a much-needed break and eat. The problem is that there are too many places and choices to choose from, experiencing choice overload will often cut down on time worth using to study or work. The UH Campus houses: food trucks, food stands, a campus center, vending machines, well known restaurants, and many more. Often, people would just want a quick bite to eat and choose from which establishment is closer or choose based on their certain cravings. The Grub-n-Go application enables you to login on your phone or computer and determine:

Development

Having known that many applications and computer software have come to existence by groups with exceptionally talented individuals, I was very excited to work with my teammates. As budding software developers, we got to learn each other’s strengths and weaknesses, creating good teamwork synergy to achieve making a web application from start to finish. Compared to my colleagues, it took a while for me to understand the overall structure of the Bowfolios framework and how to modify the code to meet our goal. Having such a strong team by my side helped me understand the complexity and intricacies of building web applications.

In this project I was able to showcase my passion in web designing using UI Frameworks and Semantic React. I learned how to construct pages, forms, display and read data from a database, edit CSS style to meet our aesthetics, test the overall efficiency of the system and how deploy the app on the web.

My Contributions

Home Page

Designing the overall theme of the application was very enjoyable. I used an online color scheme generator, coolors to choose colors complimentary of each other.

Add User

Upon user sign up, the user is redirected to the add user page to input user data. Using Semantic UI React’s multiple selection dropdown component, users are able to list their food preferences.

User Profile

A page that displays user data and option to edit user data via button component also provided by Semantic UI React. The edit user page is also made by me and is a complete copy of the add user page.

Admin

The admin page is first executed by first applying roles to different types of users and controlling which user is allowed to see certain link on the navbar menu. I was in charges of applying the admin and vendor roles. The admin page allows the administrator to see all users and vendors subscribed to the system.

Overall, my first team project was an unforgettable and valuable learning experience.