flxwu / webpaint

:black_nib: Draw and Save Your Doodles online!

WebPaint

Draw and Save Your Doodles online!

Webpaint is an drawing Web App where you can save your drawings for opening them up later!.

Used technologies:

• A lot of Vanilla JS, EcmaScript 6 and a little bit of jQuery
• The JavaScript Processing Framework (p5.js) for drawing
• Twitter Bootstrap as CSS framework
• Font Awesome for the social icons
• Firebase Realtime Database for data storage i.e. saving the doodles
• Firebase Hosting for deployment

Current Features

• Doodle Download (jpg)
• Save doodle to database
• Load currently saved doodles
• Open up a saved doodle

ToDo

There is still a lot of work to be done.

A few ideas are:

• Color and stroke palette
• Saving with author name and doodle name
• Load view filtering
• Loading by id parameter (in url)
• Geometric palette (rectangles, circles etc)
• User Authentication (User system for saving private doodles for example)

Feel free to submit your own ideas with a Pull Request!

Local Build

1. Clone the repository (I personally adopted to use SSH for git)

git clone [email protected]:Pl4gue/WebPaint.git

2. Install npm packages

npm install

3. Deploy locally using Firebase Hosting

firebase serve

4. Access your local build on localhost:5000.

Contribute

Feel free to submit a PR at any time, no matter if it's an enhancement of your own, one of the ToDo-features from above or just a simple bug fix!

webpaint's Issues

WebPaint is searching for Maintainers!

This issue was created by Maintainers Wanted 🤓

Support us by leaving a star on Github! 🌟

WebPaint is searching for new Maintainers! 👨‍💻 📬

Do you use WebPaint personally or at work and would like this project to be further developed and improved?

Or are you already a contributor and ready to take the next step to becoming a maintainer?

If you are interested, comment here below on this issue 👇 or drop me a message on Twitter! 🙌

A test issue

This issue was created by Maintainers Wanted

WebPaint is searching for Maintainers!

​​​​​This issue was created by Maintainers Wanted 🤓 ​​​​​​​​​​​​
​​​​​​​
​​​​​Support us by leaving a star on Github! 🌟 ​​​​​
​​​​​​​​​​

​​​​​​​# a is searching for new Maintainers! 👨‍💻 📬​​​​​
​​​​​​​​​​
​​​​​Do you use a personally or at work and would like this project to be further developed and improved?​​​​​
​​​​​​​​​​
​​​​​​​​​​
​​​​​Or are you already a contributor and ready to take the next step to becoming a maintainer?​​​​​
​​​​​​​​​​
​​​​​If you are interested, comment here below on this issue 👇 or drop me a message on Twitter! 🙌​​​​​

A test issue

This issue was created by Maintainers Wanted

A test issue

This issue was created by Maintainers Wanted

A test issue

This issue was created by Maintainers Wanted

WebPaint is searching for Maintainers!

This issue was created by Maintainers Wanted 🤓

Support us by leaving a star on Github! 🌟

WebPaint is searching for new Maintainers! 👨‍💻 📬

Do you use WebPaint personally or at work and would like this project to be further developed and improved?

Or are you already a contributor and ready to take the next step to becoming a maintainer?

If you are interested, comment here below on this issue 👇 or drop me a message on Twitter! 🙌