React JS Code Challenge - React Beginner Project

Embark on a React JS code challenge designed for beginners, building a simple color changer app to apply skills learned from previous lessons. Start by setting up a project with create-react-app, then outline app components including a square and form input. Implement the useState hook for state management and pass props between components. Add CSS styles to enhance the visual appeal. After completing the core challenge, explore additional features like converting color names to hex values and toggling text color. Follow along with step-by-step guidance, from project setup to advanced features, in this hands-on React beginner project.

Syllabus

Intro
The Code Challenge: Your First Project
Begin Solution: create-react-app and set up
Outlining the app components
The square component
The form input component
useState hook and passing props
Adding CSS styles
Challenge Complete! How did you do?
Additional Feature: Color Names to Hex Values
Additional Feature: Toggle Text Color