How to build a drag and drop to- do list
...
Structuring components
Build a memory game
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 ...
Build an Accordion component
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, ...
Build a simple shopping cart
Build a simple shopping cart using react-query to fetch the data. The app should have a simple layout, with the products available on the left side of the page and the shopping cart on the right side. Users should be able to: * see a list of products * see their shopping ...
Create a simple Contact Book app
Create a simple Contact Book app that allows users to manage a collection of friends’ contact details. For each Person, the user should be able to save the name and city where they live. All contact details should be displayed on one page, as person “cards”. Next to each person, ...
Create a movie search page
Create a page that allows users to search for movies. It should consist of a search input box and a search button. When the user clicks “Search”, the page should show the search results. You can use the free public The Movie Database API to search for the movie details. ...
