πŸ‘¨πŸΌβ€πŸŽ¨ It is a virtual blackboard, where you can make πŸ–Œ drawings through πŸ–± the mouse. You have the option to choose 🎨 colors and line thickness.

Overview

πŸ‘¨πŸΌβ€πŸŽ¨ 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: πŸ“

You might also like...

"Choose your Pokemon" is a Webpack project meant to fetch data from two different APIs: PokΓ©API and Involvement API

"Choose your Pokemon" is a Webpack project meant to fetch data from two different APIs: PokΓ©API and Involvement API. Here we display a list of 20 Pokemons for whom one can like, display more info, and comment; all based on the data from these two external resources.

Mar 31, 2022

a JavaScript library that allows you to make a mouse interaction animation easily.

a JavaScript library that allows you to make a mouse interaction animation easily.

Cotton.JS is a JavaScript library that allows you to make a mouse interaction animation easily. Getting Started Download npm install cottonjs Manual

Dec 27, 2022

Build homes, communities and hope through a virtual house-building game that mirrors the experience of physical volunteering programmes.

Build homes, communities and hope through a virtual house-building game that mirrors the experience of physical volunteering programmes.

Habitat Heroes Note: The current house building time and quiz reset time have been shortened for the purpose of allowing users to try out more feature

Mar 15, 2022

Tired of boring balena device names? Why not let us choose!

name-block A balenaBlock for fun device renaming Highlights Bored of your device names?: Let this block rename them for you! Loads of categories: From

Dec 20, 2021

to choose the best one of Gcoreβ€˜IPs for connection with lowest latency.

GcoreCDNIPSelector to choose the best IP from Gcore-CDN to reach the lowest latency and stable connections. Background Gcore's CDN provide a smooth ex

Nov 5, 2022

Make the content slide prettily across the screen with variable sizes of scrolling items, in any of four directions, pausing while the mouse is over the marquee, and all with vanilla JavaScript.

TEG Marquee Make the content slide prettily across the screen with variable sizes of scrolling items, in any of four directions, pausing while the mou

Dec 30, 2021

In this project, you will restructure your Awesome books app code. The goal is to make it more organized by using modules. You will also practice the ES6 syntax that you have learned.

Awesome books: with ES6 In this project, you will restructure your Awesome books app code. The goal is to make it more organized by using modules. You

Oct 10, 2022
Owner
Rosamaria Rodriguez
🌎 Hello World! πŸ“ I'm from Peru. πŸ‘©πŸ»β€πŸ’» I'm Frontend Developer
Rosamaria Rodriguez
chakra-radix-colors provides radix-ui color palettes, automatic dark mode, and acessible colors to chakra-ui applications

chakra-radix-colors chakra-radix-colors provides radix-ui color palettes, automatic dark mode, and acessible colors to chakra-ui applications. About C

null 11 Dec 30, 2022
Landscape Generator is An open Source web application that generates landscape drawings randomly, then gives you the ability to edit it and export it as SVG or PNG.

Landscape Generator ## About Landscape Generator is An open Source web application that generates landscape drawings randomly, then gives you the abil

null 9 Apr 15, 2022
zieeco 12 Jul 8, 2022
A simple library to draw option menu or other popup inputs and layout on Node.js console.

console-gui-tools A simple library to draw option menu or other popup inputs and layout on Node.js console. console-gui-tools A simple Node.js library

Elia Lazzari 12 Dec 24, 2022
Rust's Option and Result, implemented for TypeScript.

oxide.ts Rust's Option<T> and Result<T, E>, implemented for TypeScript. Features Zero dependencies, full test coverage and examples for every function

null 331 Jan 3, 2023
This is a tic-tac-toe game but differs from most others as it carries the option of playing against an AI (COM) or against a friend.

TIC-TAC-TOE This is a simple tic-tac-toe game with the exception of playing against an algorithm or against a friend. At the very start, you have to s

Paul Ibeabuchi C. 4 Jul 2, 2022
A component to quickly choose fonts from Google Web Fonts, custom fonts you (the web developer) provide, as well as system fonts.

Fontpicker jQuery Plugin A component to quickly choose fonts from Google Web Fonts, custom fonts you (the web developer) provide, as well as system fo

Arjan Haverkamp 24 Dec 3, 2022
Choose your next JavaScript framework based on the features you need.

Astro Starter Kit: Minimal npm init astro -- --template minimal ??‍?? Seasoned astronaut? Delete this file. Have fun! ?? Project Structure Inside of

@whitep4nth3r 27 Nov 19, 2022