Modern React From the Beginning

Class Projects

Rating UI

Simple star rating UI to learn the basics with. Events, props, state, etc.

Notes App

Create and delete notes from local storage. Learn about forms and state.

Simple Timer

Learn about the useRef hook and persisting data across page reloads.

Crypto Dash

Use the CoinGecko API to create a dashboard for getting prices and other info from Crypto coins.

Shopping Cart UI

Use Context API to build a Shopping Cart application

Portfolio

Use Dynamic Route, Client Loader, and Pagination to build a Projects Portfolio.

Learning React from the ground up along with modern environments such as React Router v7, TanStack, MERN, etc.