mirror of
https://github.com/harivansh-afk/Habit-Tracker.git
synced 2026-04-15 09:01:16 +00:00
71 lines
1.4 KiB
Markdown
71 lines
1.4 KiB
Markdown
# 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
|
|
|
|
```bash
|
|
git clone https://github.com/yourusername/habit-tracker.git
|
|
```
|
|
|
|
2. Navigate to the project directory
|
|
|
|
```bash
|
|
cd habit-tracker
|
|
```
|
|
|
|
3. Install dependencies
|
|
|
|
```bash
|
|
npm install
|
|
```
|
|
|
|
4. Start the development server
|
|
|
|
```bash
|
|
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
|