🎨 RetroPaint

A nostalgic recreation of the classic Microsoft Paint application with authentic Windows 95/98 styling and functionality. Built with React, TypeScript, and HTML5 Canvas.

✨ Features

🖌️ Drawing Tools

• Brush - Smooth freehand drawing with adjustable sizes
• Pencil - Precise pixel-perfect drawing
• Eraser - Remove content with customizable eraser sizes
• Fill Bucket - Flood fill enclosed areas with color
• Line Tool - Draw straight lines with live preview
• Rectangle Tool - Create rectangles with live preview
• Circle Tool - Draw perfect circles with live preview

🎨 Customization

• 32 Classic Colors - Original MS Paint color palette
• Brush Sizes - Choose from 1px, 3px, 5px, or 8px
• Live Preview - See shapes before committing them

💾 File Operations

• New File - Start fresh with confirmation dialog
• Save As - Export your artwork as PNG
• Clear Canvas - Reset to blank white canvas

🚀 Quick Start

1. Clone the repository

   git clone https://github.com/yourusername/ms-paint-clone.git
   cd ms-paint-clone

2. Install dependencies

   npm install

3. Run the development server

   npm run dev

4. Open your browser Navigate to http://localhost:3000 to start painting!

🎮 How to Use

1. Select a tool from the left toolbar
2. Choose a color from the palette
3. Adjust brush size (1px-8px)
4. Click and drag on the canvas to draw
5. Use File → Save As to download your artwork

🛠️ Built With

• React 18 - UI framework
• TypeScript - Type safety
• Next.js - React framework
• HTML5 Canvas - Drawing functionality
• Tailwind CSS - 90s styling

📝 License

MIT License - feel free to use this project however you'd like!