A web application built with React to manage and track user's habits. It consumes trackit-api
This project contains all the files for an web application named TrackIt.
- Signup and signin pages to handle user account.
- Habits page to add and delete habits.
- Today page to track the activities the user has on the current day.
- History page to check user's history.
The project is deployed on https://trackit-omarcusdantas.vercel.app/ Chekout the Docker image on Docker Hub
- React for the SPA architecture.
- Styled Components to handle CSS and CSS dynamic changes.
- Axios to handle connection with API.
- SweetAlert2 to manage alerts.
- React Calendar, React Icons, React Circular Progress Bar and React Loader Spinner to enhance user experience.
- Access the deply link or run the project locally.
- To run the project locally, clone or download the repository.
- Set the .env file using the .env.example as example. Run the following commands on the root of the project.
npm i
npm run dev
- Click in the link "Sign up". Register a new user.
- After being redirected to mains page, login with credentials.
- In the menu, navigate to Habits and click on add button to register a new habit.
- Click on trash icon if you need to exclude a habit.
- On Today page, check the activities you have to do for the day and check them as completed.
- On History page, navigate through dates to check the progress each day.
This project is currently not open for contributions. However, you are welcome to fork the repository and make modifications for personal use.
This project is released under the MIT License.
This project was created as a practice project by Marcus Dantas.