Pixel Drawer

Introduction

This is a project built in React 16.6 to improve my skills in this framework and allows to people to let fly their imagination and make a real pixel art.

Technologies Used

• HTML5
• CSS3
• JavaScript (ES6)
• React 16.6

Features implemented:

• Color pixel by clicking and dragging.
• Erase toggle to delete color pixel.
• Color picker.
• Add or remove pixel for row and column.
• Limit pixels for row between 4 and 30
• Download your draw into png image.
• Grid toggle button.
• Clear canvas button to reset your draw
• Responsive on all devices.

Third Party dependencies

• react-color
• SweetAlert2
• Dom-to-img

Thanks for all 👍 !!