After spending plenty of time learning it was time to applied what I had learned into my first Progressive Web App (PWA) project. I decided to create a recipe app called FoodiesGlobal for people like me that love cooking food from different cultures at home. I set out to develop an app that can enhance the work flow of cooking from the ideation phase, to the grocery shopping, and finally to the cooking. Step 1: Inspiration for me often comes from friends, family, or sometimes other restaurants. I find Pinterest is a fantastic place to find some super cool dishes so I wanted to make my application easily work with Pinterest. I also wanted the ability to quickly add recipes if the methods for the recipe are simple (dishes like stir fry or pasta). There is a whole host of features that I am planning on adding in the future once I graduate from SAIT. Step 2: Grocery shopping always takes a lot of time to figure out what ingredients you need for the dishes and then co...
After spending plenty of time learning it was time to applied what I had learned into my first Progressive Web App (PWA) project. I decided to create a recipe app called FoodiesGlobal for people like me that love cooking food from different cultures at home. I set out to develop an app that can enhance the work flow of cooking from the ideation phase, to the grocery shopping, and finally to the cooking.
Step 1:
Inspiration for me often comes from friends, family, or sometimes other restaurants. I find Pinterest is a fantastic place to find some super cool dishes so I wanted to make my application easily work with Pinterest. I also wanted the ability to quickly add recipes if the methods for the recipe are simple (dishes like stir fry or pasta). There is a whole host of features that I am planning on adding in the future once I graduate from SAIT.
Step 2:
Grocery shopping always takes a lot of time to figure out what ingredients you need for the dishes and then compare that to what you currently have in the house. By creating a system that quickly exports a grocery list from the recipes that you have selected for the week I can stream line this process. Once each recipe has been selected and added to the weekly food plan you can go through and swipe delete the ingredients that you currently have in the house. This will create an innovative grocery list that you can simply tap confirm on once you have purchased the food at the grocery store.
Step 3:
Once all the planning has been done all that is left to do is cook the meal. I usually decide what type I want to cook for dinner in the late afternoon. To help me make this choice the app will store data on prep time, cook time, and approximate servings. By making data driven decisions I can waste less food and make better meals. Another potential feature that I may add in the future is a dishes estimator (less, medium or lots of dishes) to help me make more informed choices on the holistic work load for a dish.
Conclusion: Creating my first PWA
This app will be the perfect companion for any chef that wants to streamline the home cooking process. By allowing the user to heavily customize their experience the app can be tailored to fit any users requirements in the kitchen. There will also be an option to favorite recipes and to create folders of similar dishes. A future update may introduce some social media aspects such as comments, and sharing of recipes. Since the app will be designed as a PWA the experience will be seamless when you move from working on a computer to your mobile device.
Sources:
Creating my first PWA: https://youtu.be/0xc3DAmUj28
PWA tutorial: https://www.youtube.com/watch?v=iY0AY5IckGg&list=PLBh9z20x5LUqfmToGINwM5GnDL9caB-Sn&index=19
Ben Awad: Why I stopped using a service worker: https://www.youtube.com/watch?v=JJSloXLTyNg
Comments
Post a Comment