My Personal Portfolio

A portfolio (cassiankahema.com) I made based off of Brittany Chiang's portfolio design.

I used ReactJs, Vite and other react popular libraries to optimize the development process.

REACT LIBRARIES USED

• React Helmet Async
• Animejs
• React Icons
• Styled Components
• Framer Motion

TODO

• hamburger menu for small screen sizes

  • a veil that pops out when menu is active
  • veil dissappears when menu is not longer active
  • Menu icon animation

• Smooth scrolling on clicking nav links

• Nav bar animation

• Footer (tech used)

• Animations :

  • Page load (logo animation)
  • components load
    • hero section and side bars (loads differently from other sections)
    • Other sections (reveal when scroll)

• Different logo sizes and variation

• Light/Dark Mode Switch

• Project clean up

  • migrate large css to chunks of styled components
  • separate components, styles, hooks, icons, and other assets into respective directories
  • remove unused code
  • document code
  • structure code