Aloha Eats
Overview
Aloha Eats is a web application catering to both food vendors and customers in the UH Manoa campus. Developed as the final project for ICS 314, this platform serves as a valuable tool for students and vendors, offering a seamless way to explore and engage with the diverse food options available on campus. Users can browse through a wide range of food items from various vendors, while also having the ability to customize their preferences based on cuisine and dietary restrictions. By providing a convenient means for vendors to showcase their offerings and for students to discover their desired meals, Aloha Eats fosters an enhances the overall dining experience at UH Manoa.
A link to our Organization Github page: Aloha Eats
A link to the website: Aloha Eats
My Contributions
- Designed the mockup pages for our website.
- Created and shaped up profile page, menu mangage page.
- Enhances the UX/UI for both users and vendors pages.
- Designed the notification system for user to subscribe their favorite food.
- Designed and restructure database schema for users and vendors.
- Automation add data for new users.
- Deploy and manage website on Digital Ocean.
What I Learned
- Understand the application of React in develop dynamic user interfaces. Dive into the world of reusable components, understanding how to build and manage them effectively. Harness the power of state and props to create interactive interfaces that respond in real-time to user actions and interactions.
- Learn how to utilize Bootstrap's prebuilt grid system and components to style web pages and enhance our UX/UI,while also creating responsive designs using this powerful framework.
- Embark on a journey to learn the process of building applications collaboratively with a team, while also delving into the realm of configuration management using GitHub.
- Gain proficiency in Issue Driven Project Management, enabling effective tracking and management of tasks throughout the development lifecycle.
- Learn how to design a basic database model and understand how to store, retrieve, and manipulate data in a database using MongoDB.
- Learn how to use React to create dynamic user interfaces by building reusable components and then learning how to manage state and props.
- Learn how to use TestCafe to implement automatic testing procedures for web pages.
Glimpse of Website
Landing Page
Profile Page
Food Listing By User Preferences
Menu Manage Page for Vendors
Admin Panel Page
Food Notification Subscribed By User
Map showing location of vendors
