You just finished learning the basics of React and you're ready to start building things. So where should you start?
Here are a few React challenges that are great for beginners. They cover React fundamentals and don't take longer than one hour to complete:
Build a dashboard for an expense tracking app. For a given month, it should show: * the transactions for that month * the total spent amount * a graph of expenditure per category as a pie chart Users should be able to navigate through the months. Show the transactions 5 at a time, ...
Start by displaying a list of 12 Pokémon. For each Pokémon, show its name and photo. As the user scrolls, when he reaches the end of the currently visible items, show a "Loading..." text message and start loading the next page. You can use the official Poke API ...
Build a memory game in React. You start with 6 images that you will display as 12 cards. By default, they are "flipped" - you only get a placeholder instead of the image. As the user clicks a "card", flip it around, revealing the image. When ...
An Accordion component displays content as a list of headings that the user can click to collapse/expand the related content. One common use case for Accordions is the Frequently Asked Questions section - here's an example from Github's FAQ. Clicking on an item expands it, ...
28 days of focused practice of increasing difficulty, going through everything from Fundamentals, Data fetching, Forms and using Intervals in React.
You will also get notified whenever a new challenge is published.
