Shallenge.pdf

Shallenge.pptx

PPT 페이지 내용

(녹음) 프로젝트 개요, 서비스 소개, 시연 순으로 영상을 소개해드리겠습니다.

1. 프로젝트 개요

• 프로젝트 선정배경

  • 습관을 만들고 싶으신적 있으신가요?
    • 습관 img + 링크
    • 작심삼일 img
  • 습관 형성까지 걸리는 시간
    • 30일이면 습관이 안정적으로 형성된다
    • 습관 형성 img
  • 습관 형성은 힘들어요. 동기부여가 필요해요.
    • 목표 달성 img

• 핵심 키워드

  • 공유 share (사용자 교류로 동기부여)
  • 도전 challenge (습관만드는 도전)

• 색상 및 로고

  • #FF7900

  • 에너지 넘치는

  • 활동적

    

• 로고 설명

1. 서비스 소개

   • 기능 소개(핵심 기능)

     • 사용자 검색 기능
       • 사용자를 검색할 수 있다
     • 목표 생성 기능
       • 원하는 시작일에 목표 생성하기
     • 목표 인증 기능
       • 해당 일자에 알맞게 색칠하기
     • 댓글 기능(+ 응원 기능)
       • 해당 목표에 댓글 등록, 삭제하기
     • 팔로우, 팔로잉 기능
     • 알림 기능
       • 자신의 계정에 다른 사용자가 팔로우, 댓글, 응원을 하면 알림 울리기

   • 웹 기술 스택

   • • 프레임워크
       • React.js (TypeScript)
     • 라이브러리, 익스텐션
       • Prettier, ESLint, React-query, axios, react-router-dom
     • 협업
       • Prettier, ESLint, editorconfig 코드 협업
       • husky git hook을 사용해 포매팅,린트 실행
       • GitHub 세팅을 통해 코드리뷰(approve)의 1인 이상이 되어야 PR이 main merge 가능
     • 상태 관리
       • Jotai
     • UI / UX
       • Storybook, emotion-js, Chakra UI
     • 협업 툴
       • Git, Slack, Notion, Figma
     • 배포
       • Vercel
     • 기술 img

     

2. 시연

   • 회원가입
   • 로그인, 로그아웃
   • 목표 둘러보기
     • 홈 페이지
     • 채널 페이지
     • 사용자 페이지
   • 목표 생성 페이지
   • 목표 상세 페이지
     • 시작일
       • 오늘 - 인증버튼 보임
       • 미래 - 해당 계정 사용자여도 인증버튼 안보임
     • 응원하기
   • 목표 댓글 페이지
   • 알림 페이지
   • 검색 해서 사용자 페이지 이동