I made new portfolio website
About a while ago, I built a personal portfolio website. I already had one, but it was just not look nice to me. SO, I decided to build another one. Again, I kept carried on with the concept of "Swimming Pool". But this time I worked differently.
- First, I built chunks of vanilla JavaScript code on repl.it, which later became the React components of this project.
- This process helped me a lot. I learned so much from making thing with vanilla JS.
- Then, when I was working on React project, I divided the previous code into components , templates (layout of the each section), and pages (combines components and templates).
- First, I thought this structuring is annoying, but it really did its job when I was refactoring this project. This big structure made me easy to find where I need to fix.
I Just LOVE web page that has its own concept
Yes I do. So I spent a lot of time building sea wave, bubbles and swimming rainbow fish. It can be look like little bit old fashion to someone, but whatever, I love it and that's it : D
here is the preview of my portfolio website.
What I've learned from this project
- how to convert vanilla JavaScript code(mostly DOM) to React states and hooks etc.
- and realize how difficult that can be
- how to make CSS animation and JavaScript animation
- learned how to use svg tag(I used this skill to make a sea wave)
- learned how to use color palette from pinterest properly(since I'm suck with colors)
- A importance of mobile view
- learned that I need to test a lot with different device width, and adjust font-size and ratio etc.