This is a portfolio website of myself.
Within this website you can learn about myself, my work experience and about my education history. You can also download my CV and my completed projects.
You can visit the website here. You can also clone this repository and execute the command npm run dev
.
Alternatively you can scan the QR code below!
Note that the background colour should be set to #EBE7EC
, to match the background of the column when the .docx
file is converted to a .pdf
. Use #ECE7E7
, if just keeping in the .docx
format.
TO generate the QR code, use this site.
Use this site to get the hex value from an image. This is useful if wanting to match the background of QR code, to the background of what is going to be put on.
- Copy some animations from this
- Test deployment using this or
npm run preview
- Maybe move the assets folder into the public folder, read more here and here
- Add a transition when changing theme
- Maybe just add a '*' tag and put the transition in there and import the css file in all components and see if that works
- https://mui.com/material-ui/customization/transitions/
- https://stackoverflow.com/questions/68007041/react-materialui-theming-how-to-increase-transition-duration-when-switching-th
- https://dev.to/rashidshamloo/material-ui-customization-typescript-2hba
- Maybe copy the colour theme from https://medium.com/heuristics/react-dark-mode-switch-in-material-ui-dashboard-82fcf1cded66
- SVGs in TypeScript https://stackoverflow.com/questions/44717164/unable-to-import-svg-files-in-typescript
- Add prettier as a GitHub Action