harivansh-afk/Habit-Tracker
1
0
Fork 0
mirror of https://github.com/harivansh-afk/Habit-Tracker.git synced 2026-04-15 08:03:44 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions
No description https://habit-tracker-nine-zeta.vercel.app
34 commits 3 branches 0 tags 480 KiB
Find a file
rathi 4f8e262f75 fixed tooltip overshadow
2024-11-22 00:07:01 -05:00
public added icon to title bar 2024-11-20 20:11:20 -05:00
src fixed tooltip overshadow 2024-11-22 00:07:01 -05:00
.env fixed login ui and made it working 2024-11-21 21:37:29 -05:00
.gitignore fixing npm install vulnerabilities 2024-11-19 02:07:41 -05:00
eslint.config.js first commit 2024-11-17 13:40:06 -05:00
habits.db added features and settings 2024-11-20 18:46:31 -05:00
index.html added icon to title bar 2024-11-20 20:11:20 -05:00
package-lock.json Changed backend to work with supabase instead of sqlite 2024-11-20 19:56:48 -05:00
package.json vercel deployment changes 2024-11-20 19:58:53 -05:00
postcss.config.js first commit 2024-11-17 13:40:06 -05:00
README.md read me update 2024-11-20 19:09:22 -05:00
server.js first commit 2024-11-17 13:40:06 -05:00
tailwind.config.js first commit 2024-11-17 13:40:06 -05:00
tsconfig.app.json first commit 2024-11-17 13:40:06 -05:00
tsconfig.json first commit 2024-11-17 13:40:06 -05:00
tsconfig.node.json first commit 2024-11-17 13:40:06 -05:00
vercel.json vercel deployment changes 2024-11-20 19:58:53 -05:00
vite.config.ts vercel deployment changes 2024-11-20 19:58:53 -05:00

README.md

Habit Tracker

A modern web application designed to help users build and maintain positive habits through daily tracking and visualization.

🚀 Features

  • Daily habit tracking and management
  • Visual calendar view of habit completion
  • Working current and best streak count for each habit
  • Responsive design for desktop use
  • User-friendly interface

🛠️ Technologies Used

  • React.js
  • TypeScript
  • HTML5
  • CSS3
  • Vite (Build tool)

🎯 Project Purpose

This project was developed to demonstrate:

  • Modern front-end development practices
  • TypeScript implementation in a React environment
  • Clean code architecture
  • Responsive design principles
  • State management solutions

🏗️ Installation

  1. Clone the repository
git clone https://github.com/yourusername/habit-tracker.git
  1. Navigate to the project directory
cd habit-tracker
  1. Install dependencies
npm install
  1. Start the development server
npm run dev

📚 What I Learned

  • Implementation of TypeScript with React
  • Modern state management techniques
  • Best practices for component architecture
  • Responsive design implementation
  • Testing strategies for React applications

🔜 Future Improvements

  • User authentication system
  • Data persistence with backend integration
  • Social sharing features
  • Advanced analytics dashboard
  • Mobile app version