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)