SpoonBook Recipe App
SpoonBook Recipe App
Developed a recipe management mobile application designed to help users store, organize, and manage their favorite recipes in a flexible and intuitive way. The app focuses on usability, clean design, and efficient data organization, allowing users to interact with their content in multiple ways.
Project Type: Mobile Application Development
Software & Languages Used: Figma, Visual Studio Code, ChatGTP, Cordova, Android Studio, HTML, CSS, JavaScript
Project Brief
Design and develop a mobile application that is functional and user-friendly. It must run on mobile devices and demonstrate an understanding of mobile interface design and application structure. Be sure to plan the app’s layout and functionality in advance, implement core features, and ensure the app works smoothly on Android devices by testing it with Apache Cordova. The finished project should showcase clean design, basic functionality, and a clear understanding of the mobile app development process from concept to deployment.
Process
Brainstorming
I began by brainstorming ideas for different programs. I ultimately landed on the recipe app idea due to its simplicity while working within a tight deadline.
Wireframes
After choosing a direction, I sketched out the main screens for the app and decided how everything should function.
Design Layout
Next, I began designing the layout of all the screens in Figma. I wanted an retro aesthetic for this project and I later changed the color scheme to yellow to achieve that.
Planning
Before jumping into coding, I planning out my file structure and the functionality of each script.
Coding
With everything finalized, I moved on to development. I used IDs to store the recipes so the data could be dynamically displayed. Utilized AI to expedite the script writing process and debugging.
Debugging
The program went through multiple rounds of testing and debugging. Improvements were implemented to improve usability and responsiveness, including refined search behavior, multiple options for editing and deleting recipes, and tagging for better organization.
Final Program
The completed application was deployed to a physical mobile device using Cordova for a final round of evaluation.
Takeaways
One of the most valuable lessons I learned from developing my own recipe app was how important planning and organization are before writing any code. Working on a full web development project reinforced the need for a clear structure early on, especially when managing features, components, and data flow. I also learned the importance of writing DRY (Don’t Repeat Yourself) code, as reusable and well-organized code made the app easier to maintain and expand. This project helped me better understand the full development process, from planning and layout to functionality and usability.
Successes
A major success of this project is the visual design and overall usability of the app. The interface is clean, responsive, and intuitive across different screen sizes. I’m especially proud of how many flexible ways users have to complete the same tasks, whether organizing recipes or managing content. The variety of organizational options adds to the app’s usefulness and makes it feel customizable to different users’ needs.
Changes
If I had more time, I would add web scraping capabilities so users could automatically import and convert recipes they find online into the app. This feature would greatly improve convenience and make the app even more practical for everyday use.
Trailer
Contact
I’m always excited to connect and discuss new opportunities, projects, or collaborations. Whether you have a question, a project idea, or want to work together, feel free to reach out!