gessicacss / Track-It

A front-end project built with react that allows users to track their habits

Home Page:https://projeto-11-track-it.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Track-it (Frontend)

About

Track-It is a web application that allows users to track their daily habits and progress. It enables users to log in, create and manage habits, mark habits as completed, view their daily habits, and track their habit history.

Technologies Used

React React Router Axios Styled-Components

Features

User Authentication

Users can create an account by providing their email, name, image URL, and password. Users can log in using their email and password.

Habit Management

Users can create new habits by providing a habit name and selecting the days of the week on which they want to perform the habit. Users can view a list of their habits, including the name and days of the week on which the habits should be completed. Users can delete a habit after confirming the action.

Tracking Daily Habits

Users can view their daily habits on the "Today" page. The page displays the habits for the current day, and users can mark habits as completed or incomplete.

Future Features

History page with a calendar.

How to Use

Clone the Repository: Clone this repository to your local machine.

git clone https://github.com/gessicacss/Track-It.git

Install Dependencies: Navigate to the project directory and install the required dependencies.

cd Track-It
npm install

Run the Application: Start the development server to run the React application.

npm start

Access the Application: Open your web browser and go to http://localhost:8000 to access the Track-It App.

About

A front-end project built with react that allows users to track their habits

https://projeto-11-track-it.vercel.app


Languages

Language:JavaScript 97.5%Language:HTML 2.5%