/gooding

구독 서비스 스케줄러

Primary LanguageTypeScript

구딩 copy

📮 구딩 📮

구딩 로고

구딩과 함께 한 눈에 편리하게 구독을 관리해보세요!


목차

  1. 📕 배포 링크
  2. 📗 조원 소개
  3. 📘 프로젝트 소개
  4. 📙 개발 소개용

📕 배포 링크

🔗 구딩 링크


📗 조원 소개

Nickname Profile Github
EASY EASY 프로필 @thinkanddoit
레프 레프 프로필 @anottrx
Hyun Hyun 프로필 @qlemql
찌나오 찌나오 프로필 @zzinao
준 준 프로필 @Junseongparkme
Ayaan Ayaan 프로필 @LEEHYUNHO2001
나동 나동 프로필 @Najeong-Kim

📘 프로젝트 소개

로그인 페이지

20220829_231432

  • 로그인
    • 유저 닉네임 로컬스토리지에 저장
    • 유저 정보 전역 상태 관리에 저장
  • 로그인 체크
    • 로컬 스토리지에 유저 정보 구딩 서비스 이용 가능

소개 페이지(로그인 페이지 하단)


메인 페이지

image

  • 로그아웃
    • 유저의 로컬스토리지값 삭제
    • 전역 상태관리에서 유저 정보 초기화
  • Big Calendar 라이브러리를 커스텀
    • 텍스트만 들어갈 수 있는 라이브러리에 이미지가 들어갈 수 있도록 구현
    • 캘린더 헤더를 커스텀
  • 로그인한 유저와 구독한 서비스를 확인
    • 결제일에 따라 다음 결제 UI를 보여주는 로직

구독 추가 모달

image

20220829_231633

  • 카테고리별로 구독 추가

내 구독 보기

image

  • 자신의 구독 정보를 확인
    • 유저 별 구독 백분율에 따른 칭호 부여
  • 구독 목록 카테고리에 따라 분류


📙 개발 소개

프로젝트 과정

🔗 피그잼 링크
🔗 피그마 링크

기술스택

lighthouse 성능 측정 결과

로그인 화면
lighthouse_login
캘린더 화면
lighthouse_cal