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
withnext-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:
๐ฎ 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)