DEV Community

Cover image for 🚀 Day 1 of Building TaskVerse — The Ultimate Productivity Platform
Prateek Gupta
Prateek Gupta

Posted on

🚀 Day 1 of Building TaskVerse — The Ultimate Productivity Platform

Hey devs! 👋

Welcome to Day 1 of building TaskVerse, a full-stack productivity app that combines:

✅ Tasks + subtasks
🔁 Habits with streak tracking
⏱ Focus mode (Pomodoro)
🎮 Gamified rewards (XP, levels)
🧠 AI assistance
👥 Team features & referrals


🧱 Tech Stack

We're using:

  • React.js + TypeScript
  • TailwindCSS
  • ShadCN UI for modern components
  • Dark Mode with next-themes
  • Inter font for clean typography

🛠 What We Did on Day 1

✅ Initialized the app with npx create-react-app
✅ Configured Tailwind + ShadCN
✅ Created a floating Navbar component
✅ Created a landing page
✅ Setup layout shell with light/dark support
✅ Planned global folder structure


📸 Here's a preview of the landing layout skeleton:

Landing Page Preview


🔮 Next Up:

  • Design Login & Register UI
  • Prepare the dashboard layout

Follow me to stay updated as we build TaskVerse from scratch → production!

Top comments (0)