5wintaek/gyulling-client

🐋 Fin 🐳

개인의 관심 키워드에 따라 OX퀴즈를 제공하여 해양 환경문제 관련 정보 및 상식 제공하는 서비스. 해양 환경 문제 관련 인식 및 지식 확산을 목적으로 하며, 퀴즈를 맞춘 이력에 따라 FIN포인트를 부여함. (최근 3개월간 누적 FIN포인트에 따라 메달 배지 업그레이드)

✨ Fin 주요 기능

1️⃣ 주요 기능

사용자에게 해양 환경문제에 관한 키워드 제공

사용자 관심사의 따른 해양 관련 문제 OX퀴즈 문제풀이

퀴즈를 맞춘 이력에 따라 사용자에게 FIN포인트 부여

2️⃣ 서비스 개요

플라스틱 컵 또는 음식 포장 용기 미사용에 따라 살릴 수 있는 해양 물고가의 수를 해양 물고가의 수를 포인트화 함

👥 Team

👨‍💻 팀원 정보

서아름	오승택
Web FE	Web FE

🎋 브랜치 전략

브랜치 전략
- main: 최종 배포용 브랜치
- dev: 기능 개발용 브랜치
- 담당자명/기능이름: 기능 별 브랜치
  - ex. arooming/login
```
main
  ㄴ develop
      ㄴ arooming/login
      ㄴ taek/modal
```
🚨 반드시 직속 상위 브랜치로 머지
❌ 구름톤에서는 빠른 작업을 위해 issue를 사용하지 않습니다!

📚 커밋 컨밴션

커밋 단위는 반드시 최소한의 작업 단위로 쪼개서, 한 PR당 10커밋 이상 넘어가지 않도록 합니다.

커밋	역할
init	초기세팅과 관련된 커밋
feat	기능 구현과 관련된 커밋
style	코드 순서, css등의 포맷에 관한 커밋 (기능에 변화X)
fix	버그를 고친 경우
docs	README.md 등 문서를 작성한 경우
chore	주석 추가, 자잘한 문서 수정

📁 폴더 구조

|-- 📁 node_modules
|-- 📁 public
|-- 📁 src
    	|-- 📁 components
    	|-- 📁 common
	|-- 📁 pages
	|-- 📁 libs
       		 |-- 📁 hooks
	|-- 📁 constants
	|-- 📁 assets
		|-- 📁 icon
		|-- 📁 image
	|-- 📁 style
		|-- globalStyle.js
		|-- theme.js
	|-- App.jsx
	|-- main.jsx
	|-- Router.jsx
|-- .eslintrc.cjs
|-- .prettierrc.cjs
|-- .gitignore
|-- index.html
|-- package.json
|-- README.md
|-- vite.config.js
|-- pakage-lock.lock

📁 src > assets 필요한 아이콘 파일은 Figma 에서 svg로 export 한 후 assets/icon