8

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

 2 years ago
source link: https://dev.to/thenerdydev/build-an-exercise-tracker-app-using-react-js-hooks-and-react-router-learn-react-js-208i
Go to the source link to view the article. You can view the picture content, updated content and better typesetting reading experience. If the link is broken, please click the button below to view the snapshot at that time.

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

Jun 8

・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


About Joyk


Aggregate valuable and interesting links.
Joyk means Joy of geeK