Hello React

Hello React is a small project designed to reinforce understanding of fundamental React concepts:

• Passing props with JSX
• Handling DOM events
• Managing state with the useState hook
• Conditional rendering
• Creating controlled input components

Final Product

Video of Functionality:

Hello_React_Demo_Video.mp4

Purpose

This project was a coding challenge completed by me as part of my learnings at Lighthouse Labs.
Using the starter code provided, full app functionality was implemented to fulfil the project requirements.

The app colour scheme has also been modified from the original -- just for fun! 🤩

A note about create-react-app

For larger, production-ready applications, React's official documentation and best practices now recommend other ways to Start a New React Project

The starter code provided was bootstrapped with Create React App, and as there were no plans to scale this small project out, or add further customisation, create-react-app was a great quick and hassle-free way to quickly get a functional React app up and running for learning purposes.

Getting Started

• Fork this repository to your own Github account.
• Clone your fork onto your local device.
• Install all dependencies using the npm i (or npm install) command.
• Start the web server using the npm start command. The app will be served at http://localhost:3000.
• Navigate to http://localhost:3000 in your browser.
• Enter your name and receive a friendly greeting! 🌞