raferdev / trackit Goto Github PK

Trackit

This is a app created to improve your control of routine activities. You can list your semanal pratices, set the days and see which one of these are to make today, check them and see the progress bar. If you check all the activities on a day, this day count in sprint to register new record.

📝 Table of Contents

• About
• Getting Started
• Usage
• Built Using
• Authors

🧐 About

This project is one app which consist on the control of personal activities, like run, gym, study, etc, on a week. It can help and improve the user control to finish her objectives. Its maked in ReactJS and a fel number of libs to makes more interactive.

🏁 Getting Started

You can clone the project and start on your local host or open the site hospeded here

Clone

git clone https://github.com/raferdev/trackit

Install Dependencies

npm i

Start Server

npm start

The browser will remote open on the local link on port 3000 (usually). Exemple .:

http://localhost:3000

🎈 Usage

• First you click on "Cadastre-se" to sign-up on app. You will need one image link to do this.
• If its all ok you will be redirected to login page, and you can use the email and password added previously.
• Now you see the app and can click on "Habitos" to create new Habits to track.
• You will see an empy page and on the top one plus icon which you can click to describe your habit and the days you want to track.
• Also if its added you can click on "Hoje", and if you have one habit today its will be visible on there.
• You can check your habits when you complete them by click on the check icon and the API will receive this data to store and know your bests sprints.
• On "Histórico" you can click to see on different colors days who you got it(100% of habits) or not.

⛏️ Built Using

• HTML - Markup Language
• CSS - Style Language
• JS - Interative Language
• ReactJS - Javascript Super Library

✍️ Authors

• @raferdev