Sunburst is fullstack JS tutorial for newbies (especially coming from FreeCodeCamp, and looking for an update to ClementineJS) looking to put together frontend and backend knowledge for the first time.
It uses React on the frontend, Node/Express/Mongo on the backend. Unlike ClementineJS I would use “modern” choices like create-react-app, and the mongoose ORM, and also show how to deploy to Heroku. I would also show how to integrate PassportJS for authentication.
Forum discussion here: https://forum.freecodecamp.org/t/seeking-a-mentee/168796
The intent is to do this with a partner over a Youtube Live Stream to show how this is done in real time.
1 - https://www.youtube.com/watch?v=NS55ww28KwI
we are going to make a persistent clicker app similar to clementinejs.
- introduction to CRA and implementing a basic clientside counter
- setting up node and express and serving it together with CRA
- building CRA and deploying
- adding mongodb/mongoose to express and adding the api route. deploying.
We are done!
But here are more things we can do. lets turn this into a document posting app with different users:
- adding redux
- adding passportjs to express; authentication into the app.
- adding react router including with authentication.
- adding styling.
- adding graphql/apollo?
Useful resources when building this:
- CRA + Node/Express: https://medium.freecodecamp.org/how-to-make-create-react-app-work-with-a-node-backend-api-7c5c48acb1b0
- Apollo Client: https://www.npmjs.com/package/apollo-client-preset
- GraphQL server: https://dev-blog.apollodata.com/react-graphql-tutorial-part-2-server-99d0528c7928
stopped at https://dev-blog.apollodata.com/react-graphql-tutorial-mutations-764d7ec23c15
according to wikipedia its another kind of orange like ClementineJS is ¯_(ツ)_/¯