soohyun-dev/Remind

🗓️ 인플루언서 체험단/협찬 관리 프로젝트

Remind

  "인플루언서 체험단/협찬 관리 서비스" 개인 프로젝트
    (2023년 4월 7일 ~ 🏃‍♂️)

🏡 Remind 홈페이지

본 서비스는 모바일에 최적화 되어있습니다.

🗳️ 목차

1. 🗳️프로젝트 소개

2. 🖥️ 프로젝트 화면

3. 🛠️ 사용 기술

4. 📌 컨벤션

5. 🏃‍♂️ 프로젝트 진행과정

6. 📜 개발 기록

7. 🗂️ 프로젝트 구조

   
   
   
   

🗳️ 프로젝트 소개

1️⃣ 인플루언서 체험단/협찬 일정 관리

• 본 서비스를 통해 사용자는 자신이 신청한 체험단 혹은 협찬의 일정을 관리할 수 있다.

🖥️ 프로젝트 화면

1️⃣ 온보딩

• 서비스 첫 접속시 보여지는 화면입니다.
• 애니메이션으로 시각적인 효과를 주어 흥미를 얻게하였습니다.

2️⃣ 회원가입

• 본 서비스는 간편한 회원가입으로도 서비스를 이용할 수 있게 하였습니다.

3️⃣ 로그인

• 회원가입때 등록한 정보로 로그인합니다.

4️⃣ 포스팅 등록

• 새로 진행할 체험단/협찬 게시물을 등록합니다.

5️⃣ 포스팅 프로세스 처리

• 진행중인 체험단/협찬 프로세스에 따라 완료처리를 수행합니다.
• 컨텍, 방문, 업로드 세가지의 활동을 모두 수행처리하면 해당 포스팅은 완료처리됩니다.

6️⃣ 정렬 기능

• 체험단/협찬 프로세스에 맞는 게시물들을 선택해서 볼 수 있습니다.

• 진행중, 완료, 전체 총 세가지로 구분되어있으며, 카테고리를 클릭해서 선택해 볼 수 있습니다.

  
  
  
  

🛠️ 사용 기술

💻 Web Languages / Libraries

🗃️ DB & 배포

⚙️ Tools

👨‍⚖️ Linters

🔤 Font

📌 컨벤션

🔀 코드 컨벤션

✔️Airbnb

- Airbnb Eslint를 따릅니다.

🔀 브랜치명 컨벤션

✔️dev

- 항상 최신 정보를 유지하는 브랜치입니다.

✔️main

- 배포용 브랜치입니다.

✔️ver-버전정보

- 버전에 따라 분류한 브랜치입니다.

🔀 PR 컨벤션

- [Feat] 제목 (제목만 봐도 무엇을 했는지 단번에 파악할 수 있게 작성)

- 상세 내용

- closes 이슈번호

🔀 Commit 컨벤션

• Gitmoji

• FEAT : 새로운 기능의 추가

• FIX: 버그 수정

• DOCS: 문서 수정 (리드미 작성)

• STYLE: 스타일 관련 기능(코드 포맷팅, 세미콜론 누락, 코드 자체의 변경이 없는 경우)

• REFACTOR: 코드 리펙토링

• TEST: 테스트 코트, 리펙토링 테스트 코드 추가

• CHORE: 빌드 업무 수정, 패키지 매니저 수정(ex .gitignore 수정 같은 경우)

🔀 Styled-Components 컨벤션

• div : '기능명'Box
• section : '기능명'Section
• ul : '기능명'List
• li : '기능명'Item
• p : '기능명'Paragraph
• span : '기능명'Span

🏃‍♂️ 프로젝트 진행과정

📖 개발과정 포스팅

📜 개발 기록

📝 이슈 목록

🗂️ 프로젝트 구조

 
📦src
 ┣ 📂assets
 ┃ ┗ 📜react.svg
 ┣ 📂components
 ┃ ┗ 📂Navbar
 ┃ ┃ ┣ 📜index.tsx
 ┃ ┃ ┣ 📜Navbar.styled.ts
 ┃ ┃ ┗ 📜Navbar.tsx
 ┣ 📂feature
 ┃ ┗ 📜userSlice.tsx
 ┣ 📂pages
 ┃ ┣ 📂Home
 ┃ ┃ ┣ 📜Home.styled.ts
 ┃ ┃ ┣ 📜Home.tsx
 ┃ ┃ ┗ 📜index.tsx
 ┃ ┣ 📂Login
 ┃ ┃ ┣ 📜index.ts
 ┃ ┃ ┣ 📜Login.styled.ts
 ┃ ┃ ┗ 📜Login.tsx
 ┃ ┣ 📂Main
 ┃ ┃ ┣ 📜index.ts
 ┃ ┃ ┣ 📜Main.styled.ts
 ┃ ┃ ┗ 📜Main.tsx
 ┃ ┗ 📂SignUp
 ┃ ┃ ┣ 📜index.ts
 ┃ ┃ ┣ 📜SignUp.styled.ts
 ┃ ┃ ┗ 📜SignUp.tsx
 ┣ 📂store
 ┃ ┣ 📜index.ts
 ┃ ┗ 📜store.tsx
 ┣ 📂styles
 ┃ ┗ 📜style.ts
 ┣ 📜App.tsx
 ┣ 📜firebase.tsx
 ┣ 📜main.tsx
 ┣ 📜Router.tsx
 ┗ 📜vite-env.d.ts