Coder Social home page Coder Social logo

drawdotio's Introduction

Draw.io

OnPaste 20220906-111411

About the project

Draw.io is a website with a built in canvas paint style editor that allows you to create digital art with tools such as a standard paint bursh, line tool, cirle tool, paint bucket, and clear canvas tool. This images can be saved to a profile attached to profile and saved to your desktop.

Tech Stack

  • HTML
  • CSS
  • Javascript
  • Clodinary
  • Node.js

Minimum Viable Product

The minimum viable product for this website was the ability to create and store digital art on the users specific account.

Stretch Goals Complteted

  • Ability to follow and unfollow other users
  • Ability to change profile pictures

Stretch Goals To Be Completed

  • Implements specific privileges for admin and basic users
  • Ability to see a feed of other users that you follows compiled artwork
  • Add additional quality of life fixes and tools to canvas

Screenshots of the webpage:

Dev Team

Austin Desana:

  • Primary designer and UI/UX designer. Created a hue selector through javascript to select a color for the drawing. Created the profile page with a follow and unfollow button.

Ryan Kovlaske:

Primary developer for the canvas feature in JavaScript, setting up all aspects of drawing and connecting the canvas to the database to gather, change or add data; Using HTML, CSS, JS, Node, Express, PostgresSQL, EJS, Cookie-Session

Thomas Zimmerman:

Primary developer for setting up the sequelize database associated with this webpage, set up passport functionality for user sessions and individual accounts, set up cloudinary image handling for node.js to give users a specific profile picture, added functionality for users to follow and unfollow each other, wrote this README file.

drawdotio's People

Contributors

thomaszimmerman0 avatar rkovl avatar adesana avatar

Watchers

 avatar

Forkers

adesana

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.