DailyFlow.

DailyFlow
LiveReactTailwind CSSVite

DailyFlow is a productivity ecosystem that gamifies your daily progress. Built on the MERN stack, it features a beautiful, interactive GitHub-style Contribution Graph to visualize activity intensity. It tracks coding streaks, habits, and tasks, offering visual analytics, secure JWT authentication, and a responsive glassmorphism UI.

01

Visual Analytics & Heatmaps: Track completion rates, weekly trends, and consistency via an interactive GitHub-style Contribution Graph

02

Secure Authentication: Enterprise-grade user auth with JWT and bcrypt password hashing

03

Modern Glassmorphism UI: Clean, responsive design featuring glassmorphism animations powered by Tailwind CSS

Stack

Built With

The stack combines the core frameworks, services, and UI tools used to ship the project.

ReactTailwind CSSViteNode.jsExpress.jsMongoDBJWT

Process

Project Timeline

Jun 2024

Planning

Designed task analytics and contribution graph system

Jul 2024

Development

Built full-stack app with React, Node.js, and MongoDB

Highlights

What It Delivers

  • 1Visual Analytics & Heatmaps: Track completion rates, weekly trends, and consistency via an interactive GitHub-style Contribution Graph
  • 2Secure Authentication: Enterprise-grade user auth with JWT and bcrypt password hashing
  • 3Modern Glassmorphism UI: Clean, responsive design featuring glassmorphism animations powered by Tailwind CSS
  • 4MERN Stack & Deployment: Robust full-stack application built with React/Vite, Node.js, Express, and MongoDB, deployed on Render
Open to opportunities

Have a project in mind?

I'm always open to discussing new opportunities, collaborations, and interesting ideas.