DEV Community

loading...

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

The Nerdy Dev
I am a Full Stack Developer and occasionally a freelancer too. Building products is my profession, Creating content is my passion.
・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.

Features

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 : https://twitter.com/The_Nerdy_Dev

Follow me on:
πŸ‘‰ Twitter: https://twitter.com/thenerdydev
πŸ‘‰ YouTube: https://youtube.com/thenerdydev

Discussion (0)