# 🧩 DragBoard – Your Visual Document Board

**DragBoard** is a visually engaging, interactive document board that allows users to create draggable notes or content blocks on a canvas. Built with **React 19**, styled using **TailwindCSS**, and enhanced with **Framer Motion** animations, this project combines performance with aesthetics to offer an intuitive and modern user experience.

---

## 🚀 Features

- 📝 **Create Draggable Cards** – Add notes, tasks, or content blocks freely.
- 🧲 **Drag and Drop UI** – Move cards around smoothly using native dragging.
- 💥 **Framer Motion Animations** – Smooth, interactive transitions.
- 📱 **Responsive Design** – Works across desktops, tablets, and phones.
- 🎨 **Custom Styling** – Easily customizable with TailwindCSS utility classes.

---

## 🌐 Live Demo

🔗 [Visit the Live Site](https://dragboard-9e0b3.web.app/)

---

## 🛠️ Tech Stack

| Tech        | Use                             |
|-------------|----------------------------------|
| React 19    | Frontend Framework              |
| TailwindCSS | Styling                         |
| Framer Motion | Animation and Interactivity  |
| Vite        | Fast Development Build Tool     |
| HTML/CSS    | Markup and Basic Styling        |

---


📸 Screenshots:
![Screenshot 2025-06-16 135730](https://github.com/user-attachments/assets/8f1f29c1-efae-49b9-b559-5668376bbd2c)
![Screenshot 2025-06-16 140123](https://github.com/user-attachments/assets/1b8ada13-7579-4e74-9eca-f72f87728ba3)
![Screenshot 2025-06-16 140216](https://github.com/user-attachments/assets/8f534ae1-8f80-459c-a10a-602c56a98748)




🙋‍♂️ Author
Shivam Singh Rathore
💻 B.Tech 2nd Year | Passionate about React, JavaScript, and Full Stack Development
🔗 LinkedIn | GitHub