Paintings notebook

A painting notebook to express your creativity! 🎨

Intro

A Paintings Notebook id a web application, on which a user can create and save a set of pixel art paintings.

Functionalities

Here's a wireframe of the application:

Painting Board

• It's a grid of 16 by 16 pixels, the user can color each pixel by left-clicking the mouse.
• The user can pick colors from a palette of 10 colors.
• A painting can be named and tagged, and then saved into the notebook.
• Saved paintings will be stored on the browser.
• When the application is opened all the saved paintings will be accessible.

Notebook

• Shows a list of all saved and open paintings, the selected one is shown in the Painting Board.
• A Painting can be exported from the Notebook.
• A Painting can be imported into the Notebook.
• The user can filter the Painting on the Notebook by Name or Tag.
• The user can create new Paintings.

Instructions:

Develop the code using the following restrictions:

• Mandatory technologies to use are:
  • React
  • Redux
• Use a public git repository to submit your code.

You will be scored on:

• Quality of the code.
• Project architecture.
• UI/UX.
• Time management.

It's ok not to finish all of the requested features.

Happy coding! 🎈