Initial commit

Author: stevenspicher

.gitignore

@@ -0,0 +1,104 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+lerna-debug.log*
+
+# Diagnostic reports (https://nodejs.org/api/report.html)
+report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
+
+# Runtime data
+pids
+*.pid
+*.seed
+*.pid.lock
+
+# Directory for instrumented libs generated by jscoverage/JSCover
+lib-cov
+
+# Coverage directory used by tools like istanbul
+coverage
+*.lcov
+
+# nyc test coverage
+.nyc_output
+
+# Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
+.grunt
+
+# Bower dependency directory (https://bower.io/)
+bower_components
+
+# node-waf configuration
+.lock-wscript
+
+# Compiled binary addons (https://nodejs.org/api/addons.html)
+build/Release
+
+# Dependency directories
+node_modules/
+jspm_packages/
+
+# TypeScript v1 declaration files
+typings/
+
+# TypeScript cache
+*.tsbuildinfo
+
+# Optional npm cache directory
+.npm
+
+# Optional eslint cache
+.eslintcache
+
+# Microbundle cache
+.rpt2_cache/
+.rts2_cache_cjs/
+.rts2_cache_es/
+.rts2_cache_umd/
+
+# Optional REPL history
+.node_repl_history
+
+# Output of 'npm pack'
+*.tgz
+
+# Yarn Integrity file
+.yarn-integrity
+
+# dotenv environment variables file
+.env
+.env.test
+
+# parcel-bundler cache (https://parceljs.org/)
+.cache
+
+# Next.js build output
+.next
+
+# Nuxt.js build / generate output
+.nuxt
+dist
+
+# Gatsby files
+.cache/
+# Comment in the public line in if your project uses Gatsby and *not* Next.js
+# https://nextjs.org/blog/next-9-1#public-directory-support
+# public
+
+# vuepress build output
+.vuepress/dist
+
+# Serverless directories
+.serverless/
+
+# FuseBox cache
+.fusebox/
+
+# DynamoDB Local files
+.dynamodb/
+
+# TernJS port file
+.tern-port

LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2020 Array, Inc.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

README.md

@@ -0,0 +1,32 @@
+# Pixel Art Maker (PAM)
+In the conclusion of the first sprint of Array's bootcamp, you will create a pixel art maker program that allows the user to design pixel art in a small grid on the website. They can choose colors from a palette, and then design art in an interface of **your** choosing!
+
+By completion of the project, the users should be able to:
+1. Start with just a blank grid of squares with dimensions available in the UI.
+2. Choose a color from a generate color palette.
+3. Design what they need to on their grid by clicking the squares to fill them in with color.
+4. Repeat the previous steps. 
+5. Save their design via a button and then load it later to be worked on later.
+
+You are free to choose the amount of squares in the grid, and the overall design. Make sure your users are going to be able to design what they want on it! 
+
+### Ahead of the Game: 1
+
+The pixel art maker can be improved by turning it into a "true" canvas. This means that users will be able to hold down their mouse button and drag in order to paint over the squares rather than clicking each individual one. Research the following: `mousedown`, `mouseenter` and `mouseup` in order to accomplish this task. 
+
+### Ahead of the Game: 2
+
+Add a way for the user to input their own color code. They should be allowed to enter their color in either RGB or HEX values! It should then be added visually to the palette on the user interface for future usage.
+
+### Above and Beyond
+
+If you've completed everything else and want other things to add to the project, here are several features that could be added!
+
+- Add a way to "undo" the user's last action. 
+- Add a way for user's to "stretch" the canvas to a larger size on both the X and Y axis. 
+- Add a way for the user to upload their own "cursor" for the paintbrush on the canvas. 
+- Add a way for the user to upload a picture and have it be imported into your pixel art maker (**ADVANCED**).
+- Add a "template" section to your website allowing users to select templates before beginning (**ADVANCED**). 
+   - Add a couple of templates of pictures you've made on your own!
+- Add a way for the user to be able to print or share out their design with different buttons (**ADVANCED**).
+