For our second website project in Mod 1, we built the 'What's for Dinner?' page to make random reciped suggestions based on a user's radio button selection. This was the first project where we built our own HTML structure and CSS styling files to recreate a comp that was provided for us. We then used JavaScript to add the interactive radio buttons, create functionality, and keep our Data Model up to date.
https://ganuza.github.io/whats-for-dinner-az/
- Fork this project to your GitHub account
- Clone the repository to your local directory
- cd into the project directory
- use open index.html to view the project in your browser
The What's for Dinner project was our second website project was assigned to us in the 3rd week of Mod 1. It required about 16 hours of work over a 5 day period, and this project had us create the HTML structure, CSS styling, and JavaScript functionality and interactivity.
Adrian Zabolitzki https://github.com/ganuza
- gain experience building an application that uses HTML, CSS, and JavaScript
- write both HTML and CSS to match a comp that was provided
- understand and gain experience with how to listen to and respond to user events
- individualize my programming skill set through a Choose Your Own Adventure feature
- The first win was getting my HTML structure set up correctly! I had very little experience with HTML structure and we only had 1 lesson about it.
- Another win was getting the styling to look like the comp! We also didn't have a lot of time learning CSS, but the flexbox lecture was a HUGE help.
- Figuring out how to 'listen' to the radio buttons took some time to figure out
- Getting all of the components to line up exactly where I wanted them took some time, especially because I'm a bit of a perfectionist when it comes to the visible page.
- I'm still making mistakes with adding Pull Requests to the Turing School repo instead of my fork!