pilot-js / seedo Goto Github PK

Remove type property.
Change url => data

because are going to store the image in the db as base64 data

Set up association between models and create instance and class methods if necessary

Implement coding area for individual challenge page.

• Challenge List Page
  - [ ] Individual Challenge Page
  - [ ] ~~~ STYLE ~~~
  - [ ] Account preferences page/User submission history

Elliot mentioned this issue here: #37

Not sure how to resolve.

• 3 challenges per row
• 400 px wide

Basically set up the html skeletons of the two front end pages (list of challenges and main challenge page). Create the react components, even if they only render an empty div, structure them, and use some basic css/flexbox to put things where they should be.

see https://grokonez.com/node-js/nodejs-save-file-image-to-mysql-by-sequelize-with-blob-type

Locally or externally?
If external - find service can use.

Eliot suggested. This way are not dropping db tables and running seed each time start server.

• create comment history for each challenge (new Model)

Currently with PR #41, we are able to write the code on the front end and save it to the local state. The next step is to save it to the backend

• Add time property to Userchallenge model
• How does timer function?
  • Start automatically when challenge is displayed?
• React library to use
  • https://www.npmjs.com/package/react-compound-timer
  • https://volkov97.github.io/react-compound-timer/
• or build our own
  • https://medium.com/@650egor/react-30-day-challenge-day-1-simple-timer-df85d0867553

Code & image

Testing db model:
solution: (one to one with challenge)
challenge: (this is the question for each user)
image: (a reference image and a user create image base on their html and css)

Use a single model, Image, to store both challenge and userChallenge images? Currently have the userChallenge image stored in UserChallenge model. I think using one model for both makes sense. Can add a type property to distinguish between them.

• History / list of challenges user has completed
• Each item is link to individual challenge, along with userchallenge answer, solution code and solution video

• userId (required)

• email (required if sign up, optional if OAth)

• from OAuth: get github userId, set to userId

• if user not using OAth, then give option to sign up for github account (need in order to push userchallenge to github)

/api/userchallenges/challenge/:challengeId route

How are we going to handle multiple answers since we said we would allow them?

In post route, do we first have to check if there is an answer, then do something differently if there is one?

In get route, how to decide which answer to retrieve?

when a user login, set the user on session