π¨
π¨πΌβπ¨ 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.