Stepsify Front end

This is a steps tracker app. User can set a running target and add steps to meet daily target. User can see progess and stats.

About

To build this application I used:

• Javascript ES6;
• Html/CSS;
• React.js, React Hooks, React Router;
• Redux, Redux-thunk;
• Jest;
• Linters ( eslint and stylelint)
• Netlify

Live Demo

The live demo link

Link for back-end repository

Link for back-end repository

Features

• Log in, log out and sign up
• Set running target in kilo meters
• Add steps to meet daily target
• See progress and stats

How to use the application

Application has secure login and signup. A user must provide and password while logging in. On Sign Up User must provide a username, password, sex, height, and weight.

User will get authenticated and add target of running in kilo meters, then user will add steps in kilo meters he has ran, and he can see his progress and stats.

Getting started

To get a local copy of the repository please run the following commands on your terminal:

• git clone [email protected]:SajjadAhmad14/Stepsify-frontend.git
• cd Stepsify-frontend

Launch the application

After making the local copy of the repository:

• get inside the repository folder;
• setup the dependencies of the project: in the terminal run: npm install
• enter the command: npm start to start the server in localhost.
• then you get the application in the localhost in your web browser.

Feel free to reach me out. I'm always happy to connect 🙂

Author

👤 Sajjad Ahmad

Show your support

Give a ⭐️ if you like this project!

Design idea by Gregoire Vella on Behance

Acknowledgments

• The Odin Project
• Stackoverflow
• Microverse