Cooking enthusiasts with large kitchens often struggle to keep track of their inventory, leading to expired food, unnecessary grocery purchases, and ultimately, food waste.
EasyKitchen is a mobile-first web app designed to help users track food items, categorize them by location, and receive expiration reminders. It bridges the gap between digital organization and physical kitchen management.
Before opening Figma or writing code, I needed to define the scope. I conducted a competitive analysis to see what existing apps were missing, and used the MoSCoW method to prioritize features.
I wanted the app to feel fresh and intuitive. I designed the logo in Procreate, iterating through a few sketches before landing on a clean logo that fits the kitchen theme.
Because I wanted this to feel exactly like a native mobile app, getting the flow perfect was important. I focused entirely on the user journey first, tested early prototypes with friends, classmates and teachers, and then applied the final UI polish.
Translating the Figma designs into a functional prototype was done using Vue.js so that I could code in components and have more control over the coding.
Since this project focused entirely on the front-end, I needed a way to make the app feel fully functional and dynamic without a traditional backend. I used Pinia to simulate a database structure.
Designing specifically for mobile UX challenged me to be incredibly deliberate with screen real estate. Moving forward, potential next steps for the project would include making it into an actual app (with something like XCode) instead of a website "app".