A Pac-Man Inspired Task Manager
Your tasks = ghosts. Finish your backlog or get chomped.
For this vibe coding session, I wanted to test out this Lovable I’ve been hearing about so much on the vibe coding Reddits.
The initial prompt
Create a website that consists of a PacMan-like game (simple 2-d maze with dots to eat and three ghosts (enemies)). Below the game frame is a section to enter to do items. Those items become ghosts in the pac man game at the top so the details of the task appear if the ghost is collided with in game.Response from Lovable
Perfect! I’ve created TaskMan - a retro PacMan-inspired productivity game that combines task management with arcade gaming. Here’s what I built:
Features Created:
🎮 PacMan Game Engine
- Classic maze navigation with arrow keys
- Collision detection system
- Score tracking with dot collection
- Retro neon visual design with glow effects
👻 Task-Ghost Integration
- Your to-do items become ghosts in the game
- Three different colored ghosts based on task priority
- Collision with ghosts reveals task details
📝 Task Management System
- Add tasks with priority levels (low/medium/high)
- Complete/uncomplete tasks
- Delete unwanted tasks
- Visual indicators showing task status
🎨 Retro Arcade Design
- Dark theme with neon colors (yellow PacMan, colorful ghosts)
- Glowing borders and effects
- Classic arcade font styling
- Responsive design
How to Play:
- Add Tasks: Use the task manager below the game to add your to-do items
- Navigate: Use arrow keys to move PacMan around the maze
- Collect Dots: Gather dots for points while avoiding/seeking ghosts
- Ghost Encounters: Collide with ghosts to see your task details and mark them complete
- Manage Tasks: Update task status both in-game and in the task list
The game creates a fun way to visualize and interact with your productivity tasks - turning mundane to-do management into an engaging retro gaming experience!
First Run of the App
