I made a new portfolio website with React

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

---

1. how to convert vanilla JavaScript code(mostly DOM) to React states and hooks etc.
• and realize how difficult that can be
2. how to make CSS animation and JavaScript animation
3. learned how to use svg tag(I used this skill to make a sea wave)
4. learned how to use color palette from pinterest properly(since I'm suck with colors)
5. A importance of mobile view
• learned that I need to test a lot with different device width, and adjust font-size and ratio etc.