HabeoPrax – Master Your Habits, Master Your Life

HabeoPrax is a web-based habit tracking platform with a Chrome extension that motivates users to build habits through rewards and insightful analytics.

Google Meet Link: https://meet.google.com/mhc-ehiv-psy

Github Repository: https://github.com/AppajiDheeraj/HabeoPrax

Aim

To design and develop a smart, engaging habit tracking web application with a lightweight Chrome extension that helps users build and maintain healthy habits through insightful statistics, motivational rewards, and an intuitive user interface.

Introduction

HabeoPrax was built with a vision to make habit-building fun and effective. Whether it’s drinking water, working out, or staying productive, forming habits is hard, but we believe that consistency becomes easier with clarity and rewards. Through charts, a reward system, and seamless syncing via a Chrome extension, HabeoPrax enables users to visualize their growth and stay committed.

Technologies Used

Frontend Technologies

• HTML, CSS, JavaScript: Used in react rendered templates
• React: JavaScript library used to build components and main elements of the application
• Tailwind CSS: Utility-first CSS framework used in the react rendered templates for quick and efficient UI development.
• Chart.js: Used to create data visualisations in Reports Section

Backend Technologies

• Node.js: JavaScript runtime for building server-side applications
• Express: Web application framework for Node.js
• MongoDB: NoSQL database for flexible data storage
• JWT with Passport.js: Tools for user authentication and authorization
• Nodemailer: To send email notification to users
• Google Sign-In: Integrated using OAuth 2.0

Chrome Extension Development

• Chrome API: For developing browser extension functionality
• chrome.notifications API: For implementing system tray notifications

Methodology

Project Implementation

• Standalone Web App
• User authentication (login/signup)
  • Register/login through Google (using Google OAuth)

• Add/edit/delete habits

• Visual analytics

• Nodemailer - Email Notifications

• Web Notifications API - notifications

Chrome Extension

• Quick habit logging from toolbar
• Lightweight UI and reminder popups

DB Schema

Results

• Successfully developed a comprehensive habit tracking web application with an integrated Chrome extension for quick access.
• Implemented a rewarding system with streaks, badges, and points to increase user engagement and motivation.
• Created an interactive dashboard with charts and statistics for visualizing habit progress and identifying trends.
• Built a Chrome extension with offline functionality that seamlessly syncs with the main application when online.
• Designed a secure authentication system.
• Integrated email notifications and reminders to help users stay consistent with their habits.

Conclusion

HabeoPrax was successful in delivering an engaging and powerful habit tracker with full-stack implementation and Chrome integration. Future improvements include:

Future Scope

• Mobile Application: Developing native mobile apps for iOS and Android for the same
• Social Features: Implementing community challenges and friend connections (implement a multi-user interactive environment)
• AI Integration: Incorporating machine learning for personalized habit recommendations and insightful generation and analysis of reports.
• Integration with Wearables: Connecting with fitness trackers and smartwatches for automated habit tracking

References :

• Chrome Extension Docs: Chrome API Docs
• Chart.js: https://www.chartjs.org/
• MDN Web Docs, freeCodeCamp, Traversy Media, MongoDB University
• Tutorials from The Net Ninja, Simplilearn, and official documentation

Mentors & Mentees Details

Mentors

Varshini Adurti
9632079916
varshini.231cs204@nitk.edu.in
 

Vaibhavi Nagaraja Nayak
9036096295
vaibhavi.231cs262@nitk.edu.in
 

Mentees (Team C01)

• Anirudh Nayak
• Appaji Nagaraja Dheeraj
• Ajitesh Kallepalli
• Anirudh Trichy