Wrapping Up My React Project ..
💻 Used Stacks 💻
- JavaScript89.1% : React.JS
- CSS7.7%
- HTML3.0%
GitHub Link👈
After 2 weeks of studying React.JS, I made this recipe app. Because the project week was my birthday week, I was quite busy having friends over, going to a fancy restaurant, and still working 25 hours. This circumstance wasn’t really helpful concentrating on my project. Still, there it is. I did it!
Get Eddie Na’s stories in your inbox
Join Medium for free to get updates from this writer.
I wanted to make an app that I can relate to my real life this time. That I decided to make a recipe app, and luckily, I could find a fabulous api called Spoonacular.
I started with drawing how it would look like on note. I wanted to make a few pages that I had to make some components and pages to render the components. Pages with link was pretty easy to make because I know I could use NavLink or Link from react-router-dom. But I struggled when joining a page without a link — search page. I wanted to render search result page when search form was submitted. After a few hours of googling and watching many youtube videos, I found that there is a useNavigate function from react-router-dom. Then later making recipe page for image card onClick, I could use it again, which was so satisfying!
I’m also glad that I used styled components api, which helped a lot to give styles on my app. It took me about an hour to learn the syntax but then it saved a lot of hours of styling later on.
So it was my third project following html+css project and JavaScript project. Time is going so fast that it’s September already. I feel like I am actually improving my skills and I can do even more if I just keep studying like now. Keeping working when I’m studying full time is not easy, but I believe that it will come back to me with greater ability in the future.
