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
- Clone the repository (I personally adopted to use SSH for git)
git clone git@github.com:Pl4gue/WebPaint.git
- Install npm packages
npm install
- Deploy locally using Firebase Hosting
firebase serve
- 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!