This is a personal website, which was created using React.js that acts as an online portfolio. The initial goal for the site was to make something with a unique, yet nice looking, style and theme(the color scheme was derived from my keyboard). Another goal when creating the site was to make it so the user did not have to scroll at all when viewing the site on a desktop computer.
- Framework: React.js
- Libraries:
- React Bootstrap
- React Router
- Framer Motion
- EmailJS
- Software Used:
- VS Code
- Git Hub
- Inkscape
- Gimp
- Deployed With: Netlify
Overall the website turned out looking good and was a great learning project. The goal of the user not having to scroll on desktop was met. Additionally, I learned a lot about React.js and plan to keep learning/practicing with React.js. The site is also responsive so it looks nice on desktop and mobile.
As good as the project turned out there are a few issues with it. The first issue is that the orange on the cream does not meet the contrast requirements to be WCAG level AA. To fix this a new color scheme would have to be used. Another problem is that some of the images take too long to load, even after going back and compressing the images a few of them take a little while to load. The final issue with the site is how it appears on the iOS version of Safari, occasionally the navbar will become unfixed and the user will have to scroll to see it.
| The Good | The Bad |
|---|---|
|
|
