- Finish tutorial section of FCC’s Front End Cert.
- Finish Random Quote Machine using React
- Read 5 chapters of Robot Building for Beginners
- Practice makes perfect
- Do one new thing at a time
- 1 hour of making or coding a day
- Finish two front end projects using React/Redux and a CSS library
While building this, I remembered a lot of HTML and solidified some more React. I got a better feel for how to structure my components, learned how to change style and content randomly.
Slowly, I am adding to it. For example, I added a call to my geNewQuote event handler when the page loads. A few next steps: transition from one color to another, spice up my CSS so that the buttons don’t look so awful, and add more quotes. I’m currently using an array for the colors and an array of objects for the quotes that include the quote and the author.
Check it out on my codepen! I’d love any feedback.
In addition to my work on learning React, I invested time into reading Robot Building for Beginners mentioned in my post last week. Again, it was refreshing to revisit some basics of robot building. For anyone interested in robotics or circuitry, I’d highly recommend it. This week, I setup my breadboard to start prototyping the line-following robot and implemented a few circuits.
So far, I have a power indicator and the photoresistor circuit. The robot uses a LM393 comparator chip to compare the voltage at two points. Four photoresistor aimed at the ground change resistance depending on the color they are looking at. If there is a high contrast (black on white for example) and all four sensors are on the same color (i.e. on the black surface with a white line in the middle), the comparator chip will provide equal power to the motors so it will continue straight. If one side of photoresistors goes over another color (i.e. the white line), the comparator chip will provide more power to the opposite motor, straightening the robot out. Thus, with a simple circuit to robot will follow lines. This simplicity really attracted me to building this project.