mumma6 / dev-app Goto Github PK

https://dev.to/devsmitra/react-best-practices-and-patterns-to-reduce-code-2bff

Add codesplitting in routes.tsx

Implement redux auth state.

Should know which user is logged in.

Add testing in redux and also testing for login and register component

Heroku + netlify: https://niruhan.medium.com/deploying-mern-fullstack-application-on-the-web-for-free-with-netlify-and-heroku-87d888012635

Azure web apps https://medium.com/geekculture/deploying-an-express-node-js-react-app-with-typescript-to-azure-web-apps-using-github-actions-25e4e59203e

/challenges

ta inspo ifrån: https://www.frontendmentor.io/challenges

Krävs både backend + frontend utveckling.

Seperate redux state.

A user should be able to take quizzes to enchance there profile.
Should be 20-30 questions, atleast 5 different (js, react, css, html, ts...?)
4 answers for each question.
Should get atleast 75% to pass.

New route /quizzes
Show all avalibale, filter function

new route /quizzes/:id

If a user pass a quiz add it to there dashboard
passedQuizzes: quizId[]

route /
when not logged in

Info and overview that the app is about. A link to register or login

/dashboard

A user can add a profile pic.

Need to have dashboard implementaiton done first

Implement feature for dashboard

/dashboard

If user have a dashboard load it, otherwise ask the user to create one.

new collection - dashboard -> referens to user ObjectId.
Separate state in redux.

This involve both backend and frontend work.

Backend:
Create a model
Create API endpoints.
Should be protected
Referens to user objectid

Frontend:
Only for logged in users. Should only see your own dashboard.
Add info like, skills, website, looking for job and so on... (more can be added later)

https://www.schemecolor.com/light-to-dark-blue.php

General clean up of the code.

Create a proper auth middleware. Interfaces. Clean code.
JWT secret

Axios skickar auth headers -> req.headers.token??

Tests?

Axios skickar

Future stuff.

Move code to bitbucket or devOps?