https://github.com/elena-in-code/pixel-art-maker-

Udacity & Google scholarship final project
https://github.com/elena-in-code/pixel-art-maker-

css3 google-udacity-scholarship html5 jquery pixel-art pixel-editor

Last synced: 15 days ago
JSON representation

Udacity & Google scholarship final project

• Host: GitHub
• URL: https://github.com/elena-in-code/pixel-art-maker-
• Owner: elena-in-code
• Created: 2018-01-03T18:06:08.000Z (over 7 years ago)
• Default Branch: master
• Last Pushed: 2018-01-06T17:09:41.000Z (over 7 years ago)
• Last Synced: 2025-03-26T03:51:14.890Z (about 1 month ago)
• Topics: css3, google-udacity-scholarship, html5, jquery, pixel-art, pixel-editor
• Language: JavaScript
• Homepage: https://elena-in-code.github.io/Pixel-Art-Maker-/
• Size: 7.81 KB
• Stars: 6
• Watchers: 0
• Forks: 1
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# [Pixel Art Maker](https://elena-in-code.github.io/Pixel-Art-Maker-/ "live sample of the App")

![pixlart2](https://user-images.githubusercontent.com/30567608/34641810-f380f91a-f309-11e7-99af-e24aca0b561a.gif "gif of the working app")

Final project of the **Frontend developer Track in Udacity and Google Developer Challenge Scholarship 2017-2018**



	

### Technologies used: 

+ HTML5

+ CSS3

+ jQuery

### User Stories:

+ Pick a color 

+ Choose the size of the grid by writing in the input boxes the height and the width.

+ Choose the size of each cell by writing in the input box.

+ Next press the button "Create a Grid" this will generate the grid following the input given by the user.

+ To start drawing, go to grid press the cells that you want to paint.

+ If you want to change any of the inputs for bigger/smaller cells, more/less height or width just change the values in the input boxes and press the button "Create a Grid" again.

+ If you want to reset press the button "Start Again".

##### Hope you enjoy it!