Skip to content

Endless-Creation-32nd/refill-front

Folders and files

NameName
Last commit message
Last commit date

Latest commit

51f4bfb · Sep 30, 2022

History

81 Commits
Jul 24, 2022
Jul 26, 2022
Jul 30, 2022
Jul 30, 2022
Jul 24, 2022
Jul 23, 2022
Aug 22, 2022
Jul 26, 2022
Jul 30, 2022
Aug 22, 2022
Aug 5, 2022
Jul 18, 2022
Jul 24, 2022
Jul 7, 2022
Jul 7, 2022
Sep 30, 2022
Jul 7, 2022
Jul 28, 2022
Jul 7, 2022
Aug 21, 2022
Jul 7, 2022
Jul 23, 2022
Jul 17, 2022
Aug 21, 2022

Repository files navigation

📚 그룹필사 전용 서비스 '리필(Refill)'

✅ 요약

  • 제10회 문화데이터 활용 경진대회 예선전에서 진행한 프로젝트 입니다.
  • 필사 습관을 형성하고 필사 모임을 쉽게 관리/참여하기 위한 그룹 매칭 서비스 리필(Refill)

⚙️ 기술 스택

Typescript Next.js Tailwind CSS SWR Vercel

⭐️ 구현한 기능

스크린샷 2022-08-24 12 28 19

🎨 UI

회원가입, 로그인 홈,가입한 그룹활동 필사 인증 글감 카테고리 그룹찾기, 신청 마이페이지

🧐 고민

  • 서버 API마다 따로 관리되고 있던 에러처리 로직을 모듈화하기 위한 시도를 하였습니다. PR#21
  • 상태 로직 재사용을 위해 custom hook을 제작하여 재사용성을 챙겼습니다. PR#40
  • 속도가 느린 네트워크 환경에서 발생하는 딜레이를 optimistic UI를 적용하여 UI/UX 개선 PR#42

🛠 리팩터링 진행 중

  • 페이지 컴포넌트에 작성된 API로직(API 처리 결과에 따른 상태로직도 포함)을 hook으로 분리합니다. issue#45
  • 이미지를 불러올 때 로딩상태일 경우 빈공간으로 보이는 것을 스캘레톤을 적용하여 UI에 표시합니다.

About

그룹필사 전용 서비스 '리필(Refill)'

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published