/issue-house

issue-house 프로젝트

Primary LanguageTypeScript

issue-house 프로젝트

https://issue-house.netlify.app

📋 프로젝트 개요

  • 깃허브 이슈를 모아볼 수 있는 프로젝트입니다.

🏗️ 페이지 소개

메인페이지

2023-02-13-12-19-32.png

  • Tailwind CSS로 전반적인 레이아웃을 잡았습니다.
  • 구독한 레파지토리의 이슈를 볼 수 있습니다.

상세페이지

2023-02-13-12-19-55.png

  • 아이디를 검색해 레파지토리를 구독할 수 있습니다.

  • 구독한 레파 히토리는 메인 페이지에서 볼 수 있습니다.



👟 실행 방법

npm install
npm start



👷 기능 구현사항

  • 깃허브 유저 검색기능
  • 이슈 페이지네이션
  • 구독된 레파지토리는 로컬스토리지 저장

⚙️ 기술스택

TypeScript, React

postcss, tailwind CSS


🚀 미해결 이슈 & 개선 가능 사항

  • 이슈 에러 처리 -> Suspense, Error Boundary 사용
  • 로딩시 스켈레톤 -> 사용자 경험 개선