# 🎨 Mind Canvas

Mind Canvas is an advanced multi-layer digital drawing web app, designed for artists, thinkers, and creators. It offers intuitive drawing tools, layer-based editing, symmetry in an elegant interface.

## 🌐 Live Preview
🔗 [Click to Visit the Site](https://tasnim-ferdous.github.io/Websites/Mind%20Canvas/index.html)

---

## 📸 Screenshots

![Mind Canvas](Favicon/Mind%20Canvas.jpeg)

---

## ✨ Features

- 🎨 **Drawing Tools**
  - Brush types: Normal, Glow, Rainbow
  - Brush size control and eraser
  - Toggle between pen/eraser seamlessly

- 🖼️ **Layer System**
  - Add, remove, and navigate between multiple layers
  - Visual layer indexing (Layer 1, Layer 2, ...)
  - Delete individual layers

- ♻️ **Editing Tools**
  - Undo / Redo actions
  - Clear canvas
  - Download drawing as image (.png)

- 🔁 **Symmetry Drawing**
  - Vertical symmetry for creative effects

- 🎨 **Custom UI**
  - Minimal design with TailwindCSS

---

## 🛠️ Tech Stack

- **HTML5** – Structure
- **TailwindCSS**  & **CSS3** – Styling
- **JavaScript (Vanilla)**  – Interactivity and logic
- **FileSaver.js** - Downloading canvas
- **Font Awesome** – Icons

---

## 📁 Folder Structure

```
📦 Mind Canvas
 ┣ 📦 Favicon           # Favicon image folder
 ┣ 📜 index.html        # Main page
 ┣ 📜 style.css         # Styling
 ┣ 📜 script.js         # Logic and UI interactivity
 ┣ 📜 README.md         # You're reading it!
 ┗ 📜 LICENSE           # MIT License
```

---

## 🚀 Getting Started

1. Clone the repository:
   ```bash
   git clone https://github.com/Tasnim-Ferdous/Websites.git
   ```
2. Navigate to the project folder:
   ```bash
   cd Websites/Mind\ Canvas
   ```
3. Open `index.html` in your browser.

---

## 🙌 Contributing & Feedback

Have an idea? Found a bug?  
Feel free to [open an issue](https://github.com/Tasnim-Ferdous/Websites/tree/Website/Mind%20Canvas) or fork the project and submit a PR.

---

## 📜 License

This project is open-source and free to use under the [MIT License](LICENSE).

---

## 👩‍💻 Author

Made with ❤️ by **[Md. Tasnim Ferdous]**  
💌 [tasnimferdous2007@gmail.com]  
🔗 [LinkedIn](https://www.linkedin.com/in/md-tasnimferdous/)