
EcoEats
overview.
EcoEats is a front-end prototype for a sustainable food discovery app, designed and built for NwHacks 2024. The project's goal was to create a compelling Minimum Viable Product (MVP) that combined thoughtful product design with solid front-end development.
process.
I started by wireframing the user interface and experience in Figma to establish a clear design direction. Using vanilla JavaScript, HTML, and CSS, I built a responsive and accessible interface that simulates dynamic content from a local JSON file. The focus was on creating a clean, intuitive layout that felt like a real application.
result.
The final prototype successfully demonstrates the core functionality of the app, including location-based filtering and dynamic data cards for displaying restaurant information. The responsive design ensures a seamless experience on both mobile and desktop devices, providing a strong foundation for future development and API integration.
reflection.
EcoEats was a great opportunity to sharpen my core front-end skills and practice rapid prototyping. It also taught me how to convey a message, in this case, sustainability through UI/UX design choices, such as color palettes, iconography, and information architecture.