A personal project for myself to learn more about Front-End web development. Also, a portal to present my tech related activities.
What I learned:
- High fidelity prototyping with Sketch App(Mac OS).
- I started the project with basic knowledge of CSS(changing color, changing height/width). By the end, I learned how to use:
- Sass(BEM)
- Flexbox
- Transitions
- Animations(Keyframes)
- Experimented with a wide variety of CSS Tags, pseudo classes and elements.
- DOM manipulation with Javascript and deeper understanding of Vue lifecycle.
The following are learning goals for version 2 of the portfolio:
- Explore accessibility in websites.(not considered at all within current site)
- Adhere more strickly to BEM style for Sass. (Broken multiple times in this project)
- Dive deeper into Vue.js and use Vuex for state management. (Current site relies on component state)
- Smaller and more modular Vue components. (Size of current Vue components are quite large)
- Mobile first development. (Styled site starting from desktop Media query)