Skip to content

A productivity web app powered by Firebase, Firestore & Next.js — with Ben 10 vibes, XP system, and smooth GSAP animations.

Notifications You must be signed in to change notification settings

Hassassin-10/Heroic-Tasks

Repository files navigation

🛸 Heroic Tasks — Ben 10 To-Do XP Tracker 🚀

A productivity web app powered by Firebase, Firestore & Next.js — with Ben 10 vibes, XP system, and smooth GSAP animations.

Heroic Tasks Banner


🌟 Features

  • Firebase Authentication (Email/Password)
  • 🔥 Realtime Firestore to store tasks per user
  • 💪 XP + Level System — complete tasks to earn XP and level up
  • 🎯 Minimal UI + GSAP Animations
  • 📱 Mobile Responsive Design
  • 🔊 Ben 10 Sound Effects for interactions
  • 📄 PDF Report Export with charts & task history
  • PWA Support — installable, offline-ready
  • ☁️ Deployed on Vercel

🧠 Tech Stack

🔧 Tech 🔥 Usage
Next.js 15 Frontend Framework (App Router)
Firebase v9+ Auth + Firestore + Hosting
GSAP UI Animations
html2pdf.js Export Reports as PDF
Chart.js Visualize XP Progress
Tailwind CSS Minimal responsive design
Vercel Hosting & CI/CD

📸 Screenshots

Dashboard Report Page Mobile View
1 2 3

🚀 Getting Started

git clone https://github.com/your-username/heroic-tasks.git
cd heroic-tasks
npm install

About

A productivity web app powered by Firebase, Firestore & Next.js — with Ben 10 vibes, XP system, and smooth GSAP animations.

Topics

Resources

Stars

Watchers

Forks