🫧 Interactive Task Bubble 🫧

Yo fam! Welcome to the Interactive Task Bubble project! This ain't your grandma's to-do list—we're talkin' physics-based task bubbles that you can drag, bounce, and pop! It's giving main character energy. 💅

Deployed live here (no cap): 👉 https://ody9s5eus.github.io/interactive-task-bubble/ 👈

---

What's the Vibe? 🧐

Imagine if your tasks were like... actual bubbles? And you could just YEET them across the screen? That's what we built. It's built with React, Matter.js (for the physics), and a whole lotta love.

Key Features:

• Physics-Based: Drag 'em, drop 'em, watch 'em collide. It's oddly satisfying. 😌
• Pop to Complete: Double-click a bubble to complete the task. Pop! Gone. 👋
• Aesthetic: Glassmorphism vibes only. We keep it clean and blurry. 🌫️
• Responsive: Works on your phone too, bestie. 📱

---

How to Run This Bad Boy 🚀

Wanna run this locally and tinker with the code? Say less.

1. Clone the Repo

First, grab the code:

git clone https://github.com/ody9s5eus/interactive-task-bubble.git
cd interactive-task-bubble

2. Install Dependencies

We use pnpm because we're cool like that.

pnpm install

3. Start the Dev Server

Let's get this party started! 🎉

pnpm run dev

Open up http://localhost:5173 (or whatever port it tells you) and witness greatness.

---

Tech Stack 🛠️

• React (The GOAT library 🐐)
• TypeScript (Because we like types, duh 🙄)
• Vite (Fast AF ⚡)
• Matter.js (Physics engine goes brrr 🏎️)
• Tailwind CSS (Styling made easy ✨)
• Framer Motion (Smooth animations 🌊)

---

Contributing 🤝

Found a bug? Wanna add a feature? Slide into the PRs! Don't be shy. Just make sure your code passes the vibe check (and linting).

---

License 📜

MIT License. Do whatever you want with it, just don't be sus. ඞ

---

Made with 💖 by ody9s5eus