Live Site URL: https://dailyloop.netlify.app/
DailyLoop is a modern habit-tracking web application designed to help users create, track, and maintain daily habits effectively.
It encourages consistency by using streaks, progress visualization, and motivational UI interactions — helping you stay focused and productive.
- 🧠 Create & Manage Habits: Users can easily create new habits, edit them, and track daily progress.
- 🔥 Daily Streak Tracker: Keep your motivation high by tracking daily completions — like GitHub contribution streaks!
- 🌍 Public Habit Feed: Discover habits created by other users and view community-wide habit trends.
- ⭐ Featured Section: Showcases the six most recently added habits in a clean, modern card layout.
- 🏆 Top 3 Habit Champions: Displays the top users with the highest streaks in an engaging leaderboard design.
- 💬 User Testimonials: A modern carousel section where users share their experiences and success stories.
- 📱 Fully Responsive Design: Works seamlessly on mobile, tablet, and desktop using TailwindCSS and Framer Motion animations.
- 🔒 Google Authentication: Secure login via Firebase Authentication for personalized habit tracking.
Frontend:
- React 19
- Tailwind CSS (Vite setup)
- Framer Motion (animations)
- Axios
- SweetAlert2
- Firebase Authentication
- React Router v7
Backend:
- Express.js
- MongoDB (with Atlas cloud database)
- CORS Middleware
- Home: Hero slider, featured habits, motivational sections, and leaderboard.
- Public Habits: View habits created by all users.
- My Habits: Manage and track your own created habits (login required).
- Add Habit: Create a new habit with title, description, and category (login required).
Developed by:
GitHub Repository: https://github.com/yourusername/dailyloop-client
“Small daily improvements lead to stunning long-term results.” – Keep looping daily with DailyLoop 🌿