Skip to content

Teemukoivumaa/colory

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

47 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Colory

This project was bootstrapped with Create React App.

Fun React & JS app that lets you draw images and play with pixels.
This app was made with the intention to learn React and JavaScript. Colory

Features

  • Choose from 16 colors and draw with them on a grid!
  • Fill entire grid with choosen color!
  • Fill only the empty pixels with choosen color!
  • Randomize! Chooses from the 16 colors what color the next pixel will be filled.
  • Empty pixels randomly!
  • Randomly fill the grid with current color!
  • Randomize the empty empty pixels left on the grid!

Usage

Colory is live with GitHub pages! You can use this app in this address:

Installation

  1. Clone this repository to your local computer.
  2. Navigate to project folder
    2.1 Install react with the command npm install react --save. Requires NPM to be installed.
  3. Run project with npm run start
  4. Page will open in your default browser in address localhost:3000\colory
  5. Have fun!

This project also has an Dockerfile you can get from here that automates installation process.

Meta

Made by Teemu Koivumaa

Distributed under the MIT license. See LICENSE for more information.

My GitHub page
My LinkedIn page

Deployment of React app to GitHub pages

I found this tutorial by yribenjamin to be extremely simple and helpful.

Tutorial | How to deploy react app in github pages