분리수거 정보를 쉽고 빠르게 제공하고, 실천에 대한 보상을 통해 사용자의 행동을 유도하는 서비스입니다.
- 기간 : 2026.06.29 ~ 2026.08.20
- 인원 : Frontend 4명
- 목적 : AI 기반 정보 제공과 리워드 시스템을 결합하여 분리수거를 일상의 습관으로 만들어 지속적인 환경 보호 참여를 이끌어내는 것
- 주요 기능
- 회원가입 및 로그인
- 배출 인증 및 배출 정보 제공
- 사용자 리워드 및 기여도
- 커뮤니티
| 윤우현(woohowhyun) | 이소민(somin2352) | 이하영(Hayoung0601) | 이호성(hojpegmafia) |
|---|---|---|---|
 |
 |
 |
 |
| 회원가입&로그인 | 배출 인증 및 배출 정보 제공 | 커뮤니티 | 사용자 리워드 및 기여도 |
- 언어 : React + TypeScript
- 빌드 툴 : Vite
- 스타일링 : TailwindCSS
- 라우팅 : React Router
- 상태관리 : Zustand
- 데이터 캐싱 : Tanstack Query
- API 통신 : Axios
- 영어로 통일, 케밥케이스로 작성
- 작성 형식: 브랜치 유형/브랜치명/#이슈번호
- 작성 예시
- feat/login-page/#5
camelCase: 변수, 일반함수- ex) isError, handleSubmit
UPPER_CASE_SNAKE_CASE: 상수- ex) BASE_URL
PascalCase: 클래스, 컴포넌트 함수, 타입, 인터페이스, 컴포넌트 파일- ex) CardListProps
kebab-case: 파일, 폴더- ex) main-layout, login-page
- 컴포넌트 파일 및 폴더만 예외로 파스칼 케이스로 작성
| Feat | 새로운 기능 추가 |
|---|---|
| BugFix | 버그 수정 |
| Docs | 문서 작성 |
| Modify | 코드 수정 |
| Refactor | 리팩토링 |
| Style | 코드 포매팅 |
| Design | 디자인 수정 |
| Chore | 빌드 수정, 패키지 매니저 설정 |
| Rename | 파일 혹은 폴더명 수정 |
| Remove | 파일 혹은 폴더 삭제 |
| Merge | pull 과정 중 현재 commit과 병합이 일어난 경우 |
| Build | 새로운 라이브러리 혹은 패키지 추가 |
📦redo-front
┣ 📂.github
┃ ┣ 📂ISSUE_TEMPLATE
┃ ┣ 📂workflows
┃ ┗ 📜PULL_REQUEST_TEMPLATE.md
┣ 📂public
📦src
┣ 📂apis
┣ 📂assets
┃ ┣ 📂fonts
┃ ┣ 📂icons
┃ ┗ 📂images
┣ 📂components
┣ 📂layouts
┣ 📂mocks
┣ 📂pages
┣ 📂store
┣ 📂types
┣ 📂utils
┣ 📜App.css
┣ 📜App.tsx
┣ 📜index.css
┗ 📜main.tsx
┣ 📜.gitignore
┣ 📜eslint.config.js
┣ 📜index.html
┣ 📜package.json
┣ 📜pnpm-lock.yaml
┣ 📜postcss.config.js
┣ 📜README.md
┣ 📜tsconfig.app.json
┣ 📜tsconfig.json
┣ 📜tsconfig.node.json
┗ 📜vite.config.ts
git clone 'https://github.com/REDO-Team/Front.git'
pnpm install
pnpm dev