Welcome to the Habit Tracking Web Application repository! This is a simple web application built using Nodejs,express, mongoDB and EJS with inline css, designed to help you track your daily and weekly habits. The application includes various animations and interactive features to enhance the user experience.
- Display a list of habits with animations.
- Ability to add, edit, and delete habits.
- Habit details page with a line chart displaying streak progress.
- Dynamic background color animation.
- Text color change animation.
- Entry slide-in animations.
- Clone this repository:
git clone https://github.com/your-username/habit-tracking-web-app.git
2.Navigate to the project directory:
cd habit-tracking-web-app
3.Install dependencies:
npm install
4.Start the server:
npm start
- Open your web browser and visit
Open your web browser and visit http://localhost:3000.
#File directory structure:
HabitTracker/
├── controllers/
│ └── habitController.js
├── models/
│ └── habit.js
├── public/
│ └── css/
│ └── styles.css
├── routes/
│ └── habitRoutes.js
├── views/
│ ├── habitDetail.ejs
│ ├── habitForm.ejs
│ └── index.ejs
└── server.js
Screeshot1
Screenshot 2
Screenshot 3
Screenshot 4
- Icons from Font Awesome.
- Google Charts library for chart visualization.
- Name: Swarup Deb
- Email: swarupdeb046@gmail.com