DEV Community


Build an Exercise Tracker App using React.js (Hooks) and React Router | Learn React.js

The Nerdy Dev
Building products is my profession, Creating content is my passion. We believe that Education should be freely accessible to everyone and no one should be deprived of it.
・1 min read

Hey everyone 👋🏻,

In this video, we will learn how we can make an Exercise Tracker App using React.js and React Router. In this complete video, you will learn about all the things that React and React Router has to offer. We will also learn about hooks like useState, useEffect, useParams, useHistory and more.


1. Fetching the list of exercises from a local JSON Server

2. Create a New Exercise

3. Update an already existing exercise

4. Delete an existing exercise

5. Toggling the completion status of an exercise and showing it in visually.

6. Creating a filter component to filter the exercises based on the completion status - pending, all, completed.

Learn how to make one with same features in this video:

👉🏻 PS : I am working on a BRAND new FREE- Web Developer Full Course on YouTube , check the below article to know more about the topics that we cover in this course:

👉🏻 Follow me on Twitter :

Follow me on:
👉 Twitter:
👉 YouTube:

Discussion (0)