Skip to content

nour-mikh/prototype-design-pattern

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

10 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

prototype-design-pattern

This project was bootstrapped with Create React App.

In the project directory, you can run:

npm start

Runs the app in the development mode.
Open http://localhost:3000 to view it in your browser.

The page will reload when you make changes.
You may also see any lint errors in the console.

Siging in

You must sign in with your google account in order to obtain the python code of the program. Once you do, you have the option to eiter download it or open it in Google Colab for modifications.

Generating Image

You can generate an image with our theme to use in your presentation. You simply need to enter the text yo would like on the image, generate it, then display it on the website, all using the available buttons.

Using the program

After the downloading is done, running the exe file would launch the program and the user can start interacting with it.

Program functionality

I- Allows you to scroll upwards in a sorted array of predefined widths K- Allows you to scroll downwards in a sorted array of predefined widths L- Allows you to increment the current width by 2 up to 20 J- Allows you to decrement the current width by 2 down to 0 W- Toggles on and off the ability to write {1..9}- Allows you to toggle between the different avaible colors Note: The color Black [0, 0, 0] was reserved to function as an eraser G- Allows you to change the current selected color by using a color wheel C- Clears the screen and canvas Q- Quits the program

All the panels aside from "current color" are interactive, they can be used by circling around the panel, swiftly hiding the detected object and then showing the object, which would change colors, clear all, change widths or select the eraser

A circle on the top right helps vizualize the current selected width and color. However a current color hexagone is also avaible to showcase current colors while using small widths

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • JavaScript 43.0%
  • Python 39.4%
  • CSS 11.9%
  • HTML 5.7%