Welcome to my Portfolio Website
View my portfolio website here.
Tech Stack
This website was created with Javascript and ReactJS.
I used CSS for styling.
What I learned
Responsive Navigation
- How to change the apperance of a Navigation Bar depending on the size of a screen.
Deployment with React Router
- I encountered an issue where my website wasn’t deploying correctly. I realized that Netlify could not locate my
index.html file due to my use of Routes.
- I learned that when deploying a project to Netlify that uses Routes, you need a
_redirects file in your build directory so that Netlify knows where the index.html file is located.
Map function in ReactJS
- When using the map function, you must give each child component a unique key prop.
CSS Grid
- I realized instead of using Flexbox, CSS Grid would allow me to to stack components if they reach a certain length.
CSS Variables
- Varibales are delared in the root of a website. The use of them quickens workflow.