Skip to content

CodeApprenticeRai/create-shapes

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

14 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

create-shapes

Create Shapes Application!

A JS CRUD application.

Objectives

Main Objectives

  • Create a User Registration System ( with Persistent Auth )

  • Provide System for Relating Shapes a user creates to the User ( in a DB)

  • Visualizing / Animation Shapes

  • Building the UX ( Components, Etc )


User Registration

What is the standard way to Authenticate Users?

Node, MongoDB, BCrypt, Express and Web Sessions.

What should the database look like?

What seems intuitive, see links for examples.

Are there already node packages/modules to do this?

Somethings may be missed. Note them as soon as aware of them.

Tasks:

[ ] User Can Securely Added to the Database and Verfied Against It.

[ ] Create Session After User is Successfully Logged in ( 10 mins )

Links:

Basic Authentication Considerations - https://medium.com/of-all-things-tech-progress/starting-with-authentication-a-tutorial-with-node-js-and-mongodb-25d524ca0359

Further Authentication Security Considerations - https://hackernoon.com/your-node-js-authentication-tutorial-is-wrong-f1a3bf831a46

Sessions ( What They Are, Why They are Important ? ) - https://stormpath.com/blog/everything-you-ever-wanted-to-know-about-node-dot-js-sessions


Database Schema Considerations

Tasks:

[ ] Write Shape Object Model ( 20 mins )

Links:

...


Visualization / Animation

How to create Network View? Are there packages/modules that make it easy?

Tasks:

[ ] Research an Example visualation framework and use it to Animate Shapes as Intended in User Story. ( 30 - 45 mins)

Links:

https://p5js.org

http://velocityjs.org

https://jqueryui.com

https://two.js.org

http://paperjs.org

https://d3js.org


UX

Creator Modal View

How to create Overlay? Are there packages/modules that make it easy?

Tasks:

...

Links:

...


General Links For Learning

Get Node

https://nodejs.org/en/download/

Learn Node

https://github.com/workshopper/learnyounode

Learn Express

https://expressjs.com

Learn React

https://learn.freecodecamp.org/front-end-libraries/react

About

Create Shapes Application!

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published