https://github.com/cyjo9603/chanyeong

👨‍💻 chanyeong's portfolio and blog webpage
https://github.com/cyjo9603/chanyeong

apollo-client blog emotion graphql nestjs nextjs passportjs portfolio react sequelize storybook tui-editor typescript

Last synced: 1 day ago
JSON representation

👨‍💻 chanyeong's portfolio and blog webpage

• Host: GitHub
• URL: https://github.com/cyjo9603/chanyeong
• Owner: cyjo9603
• Created: 2020-06-01T08:13:03.000Z (almost 5 years ago)
• Default Branch: master
• Last Pushed: 2023-03-08T01:32:41.000Z (about 2 years ago)
• Last Synced: 2023-05-14T10:24:14.771Z (almost 2 years ago)
• Topics: apollo-client, blog, emotion, graphql, nestjs, nextjs, passportjs, portfolio, react, sequelize, storybook, tui-editor, typescript
• Language: TypeScript
• Homepage: https://chanyeong.com
• Size: 3.33 MB
• Stars: 39
• Watchers: 1
• Forks: 3
• Open Issues: 20
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# README

# Chanyeong

chanyeong은 개발자 조찬영의 포트폴리오 및 블로그 기능을 포함한 웹 애플리케이션입니다.

프론트엔드 개발자로써 결과물과 발전하는 과정을 기록하기 위해 개발되었습니다.

이 프로젝트는 지속적으로 리팩토링되며 발전시킬 예정입니다.

## Architecture

![chanyeong_architecture](https://user-images.githubusercontent.com/49899406/104811789-552c0980-5841-11eb-8c23-dcd3d6c3581f.png)

## Skill

![chanyeong_skill](https://user-images.githubusercontent.com/49899406/104811791-5826fa00-5841-11eb-94f1-75be2b55f1d0.png)

### Front-end

- React ( Atomic Design )

- TypeScript

- Next.js

- GraphQL

- Apollo Client

- Emotion

- TUIEditor ( WYSIWYG Editor )

- Storybook

  [README](https://github.com/cyjo9603/chanyeong/blob/master/front/README.md)

### Back-end

- NestJS

- TypeScript

- Graphql

- Apollo Server

- Passport.js

- Sequelize ( MySQL )

  [README](https://github.com/cyjo9603/chanyeong/blob/master/back/README.md)

### Deploy

- pm2

- NginX

- docker

- Toast Cloud

#### Excution Screen

##### Index Page

![index](https://user-images.githubusercontent.com/49899406/92999547-a1e29980-f55c-11ea-8dd6-75b115e5c409.png)

##### About Page

![about](https://user-images.githubusercontent.com/49899406/85942261-2e6cbb00-b963-11ea-91ec-efb86e1e9e9d.jpg)

##### Portfolio Page

![portfolio](https://user-images.githubusercontent.com/49899406/85942266-362c5f80-b963-11ea-8a18-b94bca0d62cd.jpg)

##### Blog Page

![blog](https://user-images.githubusercontent.com/49899406/85942277-3fb5c780-b963-11ea-98aa-e45fc1159696.jpg)

- 블로그 페이지는 인피니티 스크롤링을 사용해 포스트들을 표시합니다.

##### Contact Page

![contact](https://user-images.githubusercontent.com/49899406/85942288-47756c00-b963-11ea-9648-77cf08481179.jpg)

> 모든 페이지는 반응형 디자인이 적용되어 있습니다.