Portfolio - rinaofk

Portfolio - rinaofk

Overview

This website was created with the purpose of replacing an existing portfolio site and building a project using Next.js.

Duration
2024 / 2 months
Tools
  • Figma
  • VScode
  • Next.js(Typescript)
  • HTML
  • Sass(SCSS)
  • Emotion
  • git(CUI)
  • github
  • Docker-compose
See this project

Generate a new one

I proceeded with the work with extreme care in making components, markup, and CSS design to ensure the site wouldn't be just HTML website. In addition, to gain new insights, I adopted Typescript and Emotion of CSS in JS, which tools could not be used for HTML or PHP.

Generate a new one

Discovered

I encountered challenges in applying CSS in JS to components, understanding the usage of props, and considering directory structure. Even though just one component, I realized that it requires skills different from Markup languages.This work enabled me to gain a basic usage of Next.js, React, and Typescript.