mealpickr is a mobile-first developed single-page web application built in Typescript using React. I built mealpickr to take the stress out of deciding on what to eat, and introduce new recipes to my modest roster. Users can give mealpickr any intolerences, dietary restrictions, or cuisine choices they may have, and then get a batch of random meals to go through. If all parameters are left blank, the odds of ever getting the same recipe twice is extremely unlikely. All meals are provided through the Spoonacular API, with over 5,000 meals available as of this writing.
Disclaimer: This is a personal project by one human, so while I did my best to cover most device sizes, some may be slightly wonky looking. Does not currently support landscape orientation on mobile devices.
- React
- Typescript
- Styled-Components
a randomly generated meal
Sizzy was used for mobile-first development
desktop view
example of the intolerences a user can select
Tablet support