๐จ
๐จ๐ผโ๐จ Lets Draw รNDICE
1. Lets-Draw
๐จ๐ผโ๐จ It is a virtual blackboard, where you can make
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.
๐ฑ
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:
- Javascript: To give functionality to the platform.