Project [Personal] - Web application for managing habits. Technologies used: HTML5, CSS3 and React.

Overview

TrackIt

Habit manager in a dynamic, clear and simple way. TackIt is an application that seeks to make it simple and accessible for any user to control and visibly understand their habits.

Try it out now at https://trackit-ruineto-dev.vercel.app/

About

Application with the goal of bringing concepts of login, register, api, styled-components and some additional libraries, such as: day.js and react-calendar., the following technologies were used:

  • html
  • css
  • react
  • react-router-dom
  • styled-components

By using this app any user can learn how they've been using their money and always keep track of your balance.

Technologies

The following tools and frameworks were used in the construction of the project:

How to run

  1. Clone this repository
  2. Install dependencies
npm i
  1. Run the front-end with
npm start
  1. You can optionally build the project running
npm run build
  1. Finally access http://localhost:3000 on your favorite browser (unless it is Internet Explorer. In this case, review your life decisions)
You might also like...

Wallety is a budget tracker for personal finance and budget planning.

Wallety is a budget tracker for personal finance and budget planning.

Wallety - Budget Tracker Wallety is a budget tracker for personal finance and budget planning. Table of Contents Screenshots Tech Stack Quick Start Ru

Dec 9, 2022

A free book that talks about design patterns/techniques used while developing with React.

React in patterns 📚 A free book that talks about design patterns/techniques used while developing with React. Book GitBook Web PDF Mobi ePub Translat

Jan 7, 2023

This is an app for finding the best or shortest route for a delivery boy. React Js is used!

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Jul 19, 2022

Common React Native components used by "Roqay" packed in library for usage in future projects.

Roqay Common React Native Components Common React Native components used by Roqay packed in library for usage in future projects. Installation yarn ad

Feb 10, 2022

This project is a Vegan recipe application. I created with React Native. Check out VeganRecipe now for recipe app

This project is a Vegan recipe application. I created with React Native. Check out VeganRecipe now for recipe app

VeganRecipe 🍆 🍄 🍠 🍅 Hello! This project is a Vegan recipe application. I created with React Native. Check out VeganRecipe now for recipe app. 🍆 ?

Mar 27, 2022

A react component available on npm to easily link to your project on github and is made using React, TypeScript and styled-components.

fork-me-corner fork-me-corner is a react component available on npm to easily link to your project on github and is made using React, TypeScript and s

Jun 30, 2022

My personal website.

My personal website.

Getting Started First, copy .env.example and paste as .env.local, fill all field: NEXT_PUBLIC_CONTENTFUL_SPACE_ID = '' NEXT_PUBLIC_CONTENTFUL_ACCESS_K

Dec 26, 2022

🌠 just a personal card inspired by Discord's Profile

🌠 just a personal card inspired by Discord's Profile

Discord Profile Card This is a personal card inspired by Discord's Profile. Shows your info and presence activities on real time. Table of contents Di

Oct 21, 2022
Owner
Rui Neto
Driven by constant programming and engineering challenges!
Rui Neto
A personal project, made with React, React Native, Typescript and some of the most used front-end libraries.

A personal project, made with React, React Native, Typescript and some of the most used front-end libraries.

Alvaro Junior 1 Jul 23, 2022
A complete habits manager, where you can track your progress and complete each daily activity in an organized way.

TrackIt Habit manager in a dynamic, clear and simple way. TackIt is an application that seeks to make it simple and accessible for any user to control

Rui Neto 13 Dec 31, 2022
A web application to search all the different countries in the world and get details about them which can include languages, currencies, population, domain e.t.c This application is built with CSS, React, Redux-Toolkit and React-Router.

A web application to search all the different countries in the world and get details about them which can include languages, currencies, population, domain e.t.c This application is built with CSS, React, Redux-Toolkit and React-Router. It also includes a theme switcher from light to dark mode.

Franklin Okolie 4 Jun 5, 2022
Mobile app development framework and SDK using HTML5 and JavaScript. Create beautiful and performant cross-platform mobile apps. Based on Web Components, and provides bindings for Angular 1, 2, React and Vue.js.

Onsen UI - Cross-Platform Hybrid App and PWA Framework Onsen UI is an open source framework that makes it easy to create native-feeling Progressive We

null 8.7k Jan 8, 2023
Common recipes to productively use Nx with various technologies and in different setups. Made with ❤️ by the Nx Team

Nx Recipes Welcome to Nx Recipes! Here you'll find various examples to use Nx to achieve a particular goal. Contributing Absolutely!! We're going to h

Nrwl 30 Dec 24, 2022
This project is a React Native Boilerplate that can be used to kickstart a mobile app.

Meta Point People: Mounir Dhahri This is an Artsy OSS project. Don't know what Artsy is? Check out this overview and more, or read our objc.io on team

Artsy 4 Jul 6, 2022
A web application for a company that provides commercial and scientific space travel services. The application allows users to book rockets and join selected space missions.

Space Travelers' Hub A web application for a company that provides commercial and scientific space travel services. The application allows users to bo

Manel Hammouche 8 Oct 14, 2022
Single Page Application with React, React Router, PostCSS, Webpack, Docker and Docker Compose.

spa-store Single Page Application with React, React Router, PostCSS, Webpack, Docker and Docker Compose. Contributing Feedback Roadmap Releases Check

Luis Falcon 2 Jul 4, 2022
Personal website and blog made using NextJS, TailwindCSS, GraphCMS, and MDX bundler

This is a Next.js project bootstrapped with create-next-app. Getting Started First, run the development server: npm run dev # or yarn dev Open http://

null 12 Aug 21, 2022
Lucaslitton.me - Personal website built with ReactJS, Frontity, and WordPress.

lucaslitton This project was bootstrapped with Frontity. Table of Contents Launch a development server Create your custom theme Create a production-re

Lucas Litton 1 Jan 3, 2022