SketchDesigner

###Stack used: MEAN

###About SketchDesigner started out as a simple school assignment but ended up being something more.
The requirements were to make a canvas element that you could draw basic shapes on. We began studying the canvas element and how to manipulate it with angular. After making a basic drawing application we saw that we could do a lot better. The drawing objects were quite sloppy and the application wasn't of much use as a drawing app.
      After rethinking the whole project we started from scratch, using the previous version as a guide as to what worked well, and what needed improvement. Restructuring the class implementations was just what the project needed. Multiple canvas support was added, database connection was made so you can come back to your artworks, more drawing options and multi-select/editing was added.
      All in all this project gave a good insight in how important it is to structure the project well from the start and draw out a class diagram to see where the challenges are.

You can click this link to see the current build in action.

Setup/Usage

• Navigate to SketchDesigner/FrontEnd and run npm install.
• To run the application as is, run the ng build command.
• When the CLI has finished building the dist folder, go to the SketchDesigner/BackEnd folder.
• From there you can run node app.js to start the express server.
• You should now see API running on localhost:3000 in your terminal.
• Now simply go to localhost:3000 and go nuts!