Need It

📌 목차

• 🖐 프로젝트 소개
• 🔍 서비스 소개
• ✨ 주요 기능
  • 🔑 회원가입
  • 📝 게시글
  • 🔎 게시글 탐색
  • 🔔 알림/채팅
  • 🙋‍♂️ 유저정보
• 🌈 프로젝트 WireFrame & UI
• ⚒ 아키텍쳐

🖐 프로젝트 소개

• 개인이 직접 봉사기관에서 원하는 기부 물품 혹은 노동력을 제공할 수 있도록 기관과 개인을 매칭시켜주는 양방향 기부 플랫폼

📣 배포 링크

https://need-it.netlify.app/

👨‍💻 팀원 소개

| 김태중 | 김형욱 | 박규란 | 윤상준 |

🔍 서비스 소개

📕 개요

• 기관에서 직접 기부를 받고싶은 물품 및 재능을 업로드하고 기부자들은 GPS를 기반으로 자신의 위치 주변의 기관과 기관에서 올린 게시물을 볼 수 있으며 기부자 역시 자신이 가진 물품과 재능을 업로드하여 기부를 희망하는 기관을 찾을 수 있도록 하는 양방향 기부 플랫폼

📗 메인 타겟

• 온라인 플랫폼 사용에 익숙하며 기부에 관심이 많은 사용자
• 기부를 검증된 기관에게 하되 양방향 소통을 통해 필요한 자원을 나누고 싶어하는 사용자

📘 기대 효과

• 일반 사용자가 아닌 검증된 기관에게 기부를 함으로써 재판매 방지 등 안정성 보장
• 공개적인 댓글을 이용해 공개적인 기부 물품/기부자 모집/참여를 통해 기부의 투명성 상승
• GPS를 기반으로 주변에 있는 기부 기관/센터를 볼 수 잇으며 기부 게시물을 태그, 위치 등 다양한 필터링을 통해 볼 수 있게 하여 기부의 편의성 상승

✨ 주요 기능

🔑 회원가입

• 이메일 인증을 통한 회원가입
• GPS / 도로명주소 API를 이용한 주소설정 기능
• 봉사기관의 경우 사업자등록정보 인증 후 가입가능

📝 게시글

• 이미지를 포함한 게시글 작성/수정 기능
• 게시글 기부진행/기부마감 상태변경 기능
• 기부신청 기능

🔎 게시글 탐색

• 태그, 카테고리, 지역을 통한 게시글 필터링
• 게시글명, 작성자명 검색기능

🔔 알림/채팅

• 웹소켓을 이용한 알림/채팅 기능
• 채팅 중 약속기능을 통한 기부예약 기능

🙋‍♂️ 유저정보

• 가입정보 수정
• 멤버/센터페이지 열람 기능
• 내가 작성한 글 보기
• (멤버) 관심센터(팔로우) 기능

🌈 프로젝트 WireFrame & UI

Figma 링크

⚒ 아키텍쳐

📁 폴더구조

src
│  App.js
│  index.js
│
├─api
│  │  axios.js
│  │
│  └─services
│
├─assets
│
├─components
│      ├─Center
│      ├─Detail
│      ├─Login
│      ├─Message
│      ├─Notify
│      ├─Posts
│      ├─Register
│      ├─Schedule
│      ├─Search
│      ├─User
│      └─Writes
│
├── context
│
├─utils
│  ├─const
│  └─hooks
│
├─pages
│
└─styles
     ├─  GlobalStyle.js
     └─theme.js

☝ 맨 위로 가기