Skip to content

My portfolio website🎓 (Next.js, React.js, Styled-components, TypeScript, and Vercel)

Notifications You must be signed in to change notification settings

eastend-street/portfolio

Repository files navigation

Portfolio

This is my portfolio website to show frontend development works🎓  Made by Next.js(React).


Website:   https://junyamada.info

hero

Technologies

  • Next.js
  • React
  • React hooks
  • Styled-components
  • TypeScript (JavaScript)
  • Jest
  • React Testing Library
  • Storybook
  • Vercel

Directory Structure

 components/
   COMPONENT_NAME/
    |-- COMPONENT_NAME.tsx  -----components with styled-components

 constants/

 lib/    --- Util functions like getting markdown path

 pages/  --- Each page with dymanic routing

 public/ --- image files

 styles/ --- Common styles like global style, breakpoints, color variables

 types/  --- Commonn type definitions

 works/  --- My works markdown files for each page



Initial Mockup

portfolio-ui



Author

eastend-street