https://github.com/eastend-street/portfolio

My portfolio website🎓 (Next.js, React.js, Styled-components, TypeScript, and Vercel)
https://github.com/eastend-street/portfolio

javascript jest nextjs portfolio react react-testing-library storybook styled-components typescript vercel

Last synced: 4 days ago
JSON representation

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

Host: GitHub
URL: https://github.com/eastend-street/portfolio
Owner: eastend-street
Created: 2019-05-06T06:20:53.000Z (about 6 years ago)
Default Branch: main
Last Pushed: 2025-02-22T14:12:28.000Z (3 months ago)
Last Synced: 2025-02-22T15:22:37.136Z (3 months ago)
Topics: javascript, jest, nextjs, portfolio, react, react-testing-library, storybook, styled-components, typescript, vercel
Language: TypeScript
Homepage: https://junyamada.info/
Size: 19 MB
Stars: 10
Watchers: 2
Forks: 1
Open Issues: 19
Metadata Files:
- Readme: README.md

README

# Portfolio

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

Website: https://junyamada.info

[![hero](https://user-images.githubusercontent.com/43656115/102743280-ffc90f00-430b-11eb-9fb2-9abab11c9923.png)](https://junyamada.info)

## 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](https://user-images.githubusercontent.com/43656115/76182313-a3806e80-6181-11ea-8bc5-8a1634ab9c6b.png)

## Author

[eastend-street](https://github.com/eastend-street)