A virtual blackboard, where you can make ๐Ÿ–Œ drawings through ๐Ÿ–ฑ the mouse

  • By Rosamaria Rodriguez
  • Last update: Mar 7, 2022
  • Comments: 0

๐Ÿ‘จ๐Ÿผโ€๐ŸŽจ Lets Draw ๐ŸŽจ

รNDICE


Draw

1. Lets-Draw

๐Ÿ‘จ๐Ÿผโ€๐ŸŽจ It is a virtual blackboard, where you can make ๐Ÿ–Œ drawings through ๐Ÿ–ฑ the mouse. You have the option to choose ๐ŸŽจ colors and line thickness.


2. Realization of the Project

2.1 Design ๐Ÿ“ฑ

2.1.1 Low Fidelity Prototyping: ๐Ÿ“

When defining what content would go on the web page, a rough prototype of the distribution was made, with pencil and paper.

2.1.2 Wireframe: ๐Ÿ™‹๐Ÿผ

Therefore, in this phase we seek to make a more detailed virtual distribution scheme in Figma.

2.1.2 High Fidelity Prototyping: ๐Ÿ’๐Ÿผ

After having the Wireframe, the web design is made based on styles, color palette, among other resources.

Draw

2.2 Result of the project: ๐Ÿ“ฑ

Below is attached the link to deploy the project.


3. Technologies used ๐Ÿ‘ฉ๐Ÿพโ€๐Ÿ’ป

3.1 For structure and design:

  • HTML: Following the rules of semantic HTML, the project was structured.

  • CSS: Used to define the visual style of the project.

  • Figma: Platform to create the prototype structures (Wireframe, high-fidelity prototype, mockups).

3.2 For Testing:

  • Jest: Framework to perform unit tests.

3.3 For functionality:


4. Authors: ๐Ÿ“

Github

https://github.com/RJRCH123/Lets-Draw