Welcome to Hangry! This is version 2.0 of the project I first created as a software engineering bootcamp student in 2020. I was very happy with it at the time, but since then as I have continued to build my skills, I thought it would be fun to revist this project and apply this experience.
Boy. Looking back at this app's original codebase was a journey. I remember the struggle and the frustration. I built this app originally in Vue (it was a project requirement to use a technology that was new to us), but for v2 I am using React. These days, at my day job I am building with Angular, and I wanted to make sure I stayed sharp in React as well.
Hangry is an app that talks to a 3rd party API to gather and return a random recipe, and display parts of this data to the user, including an image, meal facts, and a link to the source of the recipe.
I built this app with React, and implemented Material UI components for styling.
I would like to continue to improve & add to this project by adding login and accounts for users to store any favorite recipes they find.
A stretch goal would be to add in funtionality to allow users to restrict what recipes were returned from the API by ingredients they had available to use.
This project was bootstrapped with Create React App.
In the project directory, you can run:
Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.
The page will reload when you make changes.
You may also see any lint errors in the console.