9 React Projects

Set up your first React project, install the recommended tools, and clean up the file structure to prepare a project with reusable styles and responsive media queries.

Build a React typing game that presents random words from a bank, tracks correct and wrong answers, and runs 30-second rounds with start and restart controls.

Build a React todo app with local storage persistence, adding and removing tasks via a form, validating non-empty inputs, rendering todos from state, and using Font Awesome icons.

Build a dynamic gallery using a masani layout in React: load six images, render a reusable card component, and add or remove images with a random image feature.

Build a React book list app that adds, edits, updates, and removes books using a title, author, and ISBN form, and displays the collection in a table.

Build a responsive react shopping cart that supports adding items, updating quantities, removing items, and calculating a total, with a slide-out left cart and six shows with images and prices.

Build a GitHub app in React by wiring context, state, and API calls to fetch users, followers, and overviews, with search and dynamic routing.

Build a text generator app in React that fetches sentences from an API, lets you set paragraph count and HTML tags, and copy results to the clipboard.

Create an image app that fetches nine pictures per page from an api, displays photo details, enables search, supports next/previous pagination, and resets scroll to top.

Develop a React recipes app that shows nine recipes on the main page with images, names, and calories, and provides detail pages, search, loading states, and pagination.

Celebrate completing nine React projects from start to finish, showcase your refined work in your portfolio, and share a review to help others discover the course.