mirror of
https://github.com/harivansh-afk/Habit-Tracker.git
synced 2026-04-17 12:04:14 +00:00
Changed readme
This commit is contained in:
parent
06f55fbe4b
commit
fa9036523d
1 changed files with 0 additions and 72 deletions
72
README.md
72
README.md
|
|
@ -1,73 +1 @@
|
||||||
https://habit-tracker-2-mhq2ufsrh-rathiharivansh-gmailcoms-projects.vercel.app/
|
https://habit-tracker-2-mhq2ufsrh-rathiharivansh-gmailcoms-projects.vercel.app/
|
||||||
|
|
||||||
# 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
|
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue