Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/thalesgomest/track-it

This is my fourth project with React in Driven Education Bootcamp. It consist in a complete habit tracking application, with sign up and login pages and use of ContextAPI and some libraries like react-loader-spinner, react-circular-progressbar, dayjs and react-calendar!
https://github.com/thalesgomest/track-it

javascript jsx react styled-components

Last synced: 3 days ago
JSON representation

This is my fourth project with React in Driven Education Bootcamp. It consist in a complete habit tracking application, with sign up and login pages and use of ContextAPI and some libraries like react-loader-spinner, react-circular-progressbar, dayjs and react-calendar!

Awesome Lists containing this project

README

        

banner

## 📑 Contents

- [Project Description](#-project-description)
- [Status of work](#-status-of-work)
- [How to run](#%EF%B8%8F-how-to-run)
- [Build with](#%EF%B8%8F-build-with)
- [Contact](#-contact)

## 📌 Project Description

Track It consist in a complete habit tracking application for you week. In this project you can create your account and manage your weekly activities. The project consume an api and some libraries like react-loader-spinner, react-circular-progressbar, dayjs and react-calendar!

## 📸 Mockup


mockup

## 🚧 Status of work

![status](https://img.shields.io/badge/Status-Finished-00920F?style=plastic)

## ⚙️ How to run
```bash
# Clone this repoository
$ git clone https://github.com/thalesgomest/track-it.git

# Change to project directory
$ cd track-it

# Install all dependencies
$ npm i

# Run the project with
$ npm start

# You can optionally build the project running
$ npm run build

# Finally
$ The server will start on port:3000. Access http://localhost:3000 on your favorite browser
```

## 🛠️ Build with

![uses-react](https://img.shields.io/badge/REACT-20232A?style=plastic&logo=react&logoColor=61DAFB)
![uses-node js](https://img.shields.io/badge/Node.js-43853D?style=plastic&logo=node.js&logoColor=white)
[![uses-javascript](https://img.shields.io/badge/JavaScript-F7DF1E?style=plastic&logo=javascript&logoColor=black)](https://www.javascript.com)
![uses-html5](https://img.shields.io/badge/HTML5-E34F26?style=plastic&logo=html5&logoColor=white)
![uses-css](https://img.shields.io/badge/CSS3-1572B6?style=plastic&logo=css3&logoColor=white)
![built-with-git](https://img.shields.io/badge/Git-E34F26?style=plastic&logo=git&logoColor=white)
![built-with-vsc](https://img.shields.io/badge/Visual%20Studio%20Code-blue?style=plastic&logo=visualstudiocode)

## 📫 Contact



##