DELTAS

A Next-Gen Personal Growth & Habit Tracking Platform.

Next.js 14React.jsTailwind CSSFirebaseFirestoreRecharts

Architecture & Overview

DELTAS is a comprehensive productivity application designed to help users track tasks, build habits, and visualize long-term goals—all wrapped in a modern, gamified interface. Building this challenged me to dive deep into Next.js server/client components and complex state management. The frontend utilizes Next.js 14 App Router and Tailwind CSS v4, featuring a sleek glassmorphism and dark mode aesthetic. On the backend, it leverages Firebase for secure authentication and Firestore for database management, integrated with Recharts to deliver interactive data analytics and visual streak tracking.

Key Capabilities

Secure custom Authentication flow with Firebase

Gamification XP and Leveling system

Visual streak tracking for daily progress

Interactive charts for habit consistency

Dynamic progress bars for long-term targets

Source Code