PPT 페이지 내용
(녹음) 프로젝트 개요, 서비스 소개, 시연 순으로 영상을 소개해드리겠습니다.
- 프로젝트 개요
- 프로젝트 선정배경
- 습관을 만들고 싶으신적 있으신가요?
- 습관 형성까지 걸리는 시간
- 30일이면 습관이 안정적으로 형성된다
- 습관 형성은 힘들어요. 동기부여가 필요해요.
습관 img + 링크
작심삼일 img
습관 형성 img
목표 달성 img
- 핵심 키워드
- 공유 share (사용자 교류로 동기부여)
- 도전 challenge (습관만드는 도전)
- 색상 및 로고
- #FF7900
- 에너지 넘치는
- 활동적
- 로고 설명
- 서비스 소개
- 기능 소개(핵심 기능)
- 사용자 검색 기능
- 사용자를 검색할 수 있다
- 목표 생성 기능
- 원하는 시작일에 목표 생성하기
- 목표 인증 기능
- 해당 일자에 알맞게 색칠하기
- 댓글 기능(+ 응원 기능)
- 해당 목표에 댓글 등록, 삭제하기
- 팔로우, 팔로잉 기능
- 알림 기능
- 자신의 계정에 다른 사용자가 팔로우, 댓글, 응원을 하면 알림 울리기
- 웹 기술 스택
- 프레임워크
- 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
- 시연
- 회원가입
- 로그인, 로그아웃
- 목표 둘러보기
- 홈 페이지
- 채널 페이지
- 사용자 페이지
- 목표 생성 페이지
- 목표 상세 페이지
- 시작일
- 오늘 - 인증버튼 보임
- 미래 - 해당 계정 사용자여도 인증버튼 안보임
- 응원하기
- 목표 댓글 페이지
- 알림 페이지
- 검색 해서 사용자 페이지 이동