Flotsam

Week plan

What to build

Small boat insurances Should be in Swedish and English.

• Register as a new customer
• Add new boat
• List all my boats
• Show monthly cost dependent on number of boats
• Remove boat
• Create incident connected to a boat
• List all "my" incidents
• Comment an incident.
• Login with "bankid"

Monorepo

Setting up NX

Video

Setup workspace npx create-nx-workspace@latest to generate a works space and a react application with styled components.

Start server nx run flotsam-web:serve:development

Run nx g @nrwl/react:lib my-lib to generate an library.

NX VS Code plugin

React and typescript basics

React Beta documentation TypeScript

Front-end state

Redux Hooks

Calling the back end

Axios/Fetch React Query

Authentication and security

Bank ID JWT

Async assignment

Use the Assignment Client. List all assignments in order of User name. Bonus. Make it as

React assignment

Create a react application where you can add a string to

Design material

Images Colors Font

Github Actions

Video

Videos

Fireship

Docker

Köra mongo https://www.npmjs.com/package/mongodb

docker run -d -p 27017:27017 --name test-mongo mongo:latest