Skip to content

now-sopkathon-web-3/client

Repository files navigation

eat’s 0k

서비스대표-이미지
맛있으면, eat’s 0k!
목표한 식단을 꾸준히 지키는 것에 대한 부담을 가지는 mz세대들에게 꾸준히 식단 기록을 가능하게 해주는 서비스

✨주요 기능

1 기록하기

기능1-대표이미지
기록하기 그 날 먹은 음식 사진을 업로드하여 기록한다

2 이미지 아카이빙

기능1-대표이미지
이미지 아카이빙 꾸준하게 누적된 이미지만큼 마이페이지의 음식을 획득할 수 있다

3 로그인

기능1-대표이미지
로그인 유저 이름을 생성하여 로그인할 수 있다.

4 랭킹

기능1-대표이미지
랭킹 랭킹 페이지의 다른 유저의 연속 누적 일수를 비교하며 동기부여를 받을 수 있다.

5 히스토리

기능1-대표이미지
히스토리 언제 어떤 음식을 먹었는지 히스토리 뷰를 통해 아카이빙할 수 있다.

👥 Team

깃허브계정-프로필사진
🐱정도영
깃허브계정-프로필사진
🎧김지원
깃허브계정-프로필사진
🐶이채원
깃허브계정-프로필사진
🎱이지민
로그인 뷰
사진 업로드 뷰
랭킹/히스토리 뷰
홈 뷰

🛠 기술스택

- React + TypeScript
- styled-component
- prettier

📄 컨벤션 및 브랜치 전략

Git Branch

- main (배포용)
- develop (작업용)
- doYeongJeong
- chaeWonLee
- jeeMinYi
- jiWonKim

Branch Merge

1. 각자 이름 브랜치에서 작업
2. 작업 완료 후 develop→ 이름 브랜치 방향으로 머지
    2-1. (내 브랜치에서) git merge develop
3. 2번 과정에서 충돌이 생기면 충돌 처리 (각자 이름 브랜치에서 충돌 처리)
    3-1. 혹시 모르니 충돌 처리 후 다시 git merge develop
4. 이름 브랜치 → develop 머지
    4-1. git checkout develop
    4-2. git merge doYeongJeong

Commit Convention

Commit Message 👉 기능 키워드: 커밋 내용
feat : 새로운 기능 추가
fix : 버그 수정
chore : 빌드 업무, 패키지 매니저, 라이브러리, dependencies 설정
docs : 문서 수정 - ex) [README.md](http://readme.md/)
design : 사용자 UI 디자인 변경 - ex) CSS
style : 기능 수정 없는 코드 스타일 변경
refactor : 코드 리팩터링
test : 테스트 코드, 리펙토링 테스트 코드 추가
ci : ci 설정 파일 수정
perf : 성능 개선
rename : 파일 혹은 폴더명 변경

📁 폴더 구조

├── 📁 public
│  └── 📁 assets
│	├── 📁 images : 이미지 저장
│	├── 📁 fonts : 폰트 저장
├── 📁 src
│  ├── 📁 assets : 이미지
│  ├── 📁 components : 공통 컴포넌트
│  ├── 📁 constants : 전체적으로 사용되는 상수
│  ├── 📁 hooks : 공통 custom hooks
│  ├── 📁 layout
│      ├── 로그인 전 / 로그인 후
│      └── 유저별 헤더
├── 📁 pages
│  ├── 📁 APage
│      ├── 📁_components
│      ├── 📁_context
│      ├── 📁_utils
│      ├── 📁_queries
│      ├── 📁_constants
│      └── 📁_hooks
│  ├── 📁 BPage
│  └── 📁 CPage
├── 📁 routes
├── 📁 stores 
├── 📁 utils
├── .eslintrc.json
├── .prettierrc
└── .stylelintrc

웹 3조 아이엠 그라운드 룰

✅ 우울하지 말고 우웅하기
✅ 소프트 커뮤니케이션 & 질문 편하게 하자!
✅ 필요한 이슈는 빠르게 공유하고 진행 상황 잘 공유하기
✅ 화이팅하자 솝커톤은 기세임 ㅋㅋ

새싹 웨비 Before and After

우리의 뽀쏭한 Before

KakaoTalk_Photo_2024-05-18-22-27-15

우리의 꼬질한 After

서비스대표-이미지