README.md

Pixel Art Generator

This repository contains a simple Pixel Art Generator implemented in HTML, CSS, and JavaScript by Mandara Michel. Users can create pixel art designs by customizing the grid dimensions, choosing colors, and either painting or erasing pixels.

Table of Contents

• Features
• Getting Started
• Usage
• Contributing
• License

Features

• Grid Customization: Adjust the width and height of the pixel grid to create various canvas sizes.
• Color Selection: Choose a color using the color picker for painting pixels.
• Paint and Erase: Toggle between painting and erasing modes for pixel manipulation.
• Clear Grid: Clear the entire grid to start a new pixel art design.

Getting Started

1. Clone the repository:

   git clone https://github.com/Mandarahades/A-beautiful-Pixel-Art-Generator.git

2. Open the index.html file in your web browser.

Usage

1. Adjust the grid dimensions using the sliders for width and height.
2. Choose a color using the color picker.
3. Click the "Create Grid" button to generate the pixel grid.
4. Toggle between the "Paint" and "Erase" buttons to paint or erase pixels.
5. Click the "Clear Grid" button to reset the canvas and start a new design.

Contributing

If you would like to contribute to this project, please follow the guidelines in CONTRIBUTING.md.

License

This project is licensed under the MIT License.

---

Author: Mandara Michel
Contact: [email protected]