Remind - 인플루언서 체험단/협찬 관리 서비스 프로젝트
📖 주제
인플루언서 체험단/협찬 활동에 대한 일정을 관리해주는 서비스
🛠️ 사용 기술
- Vite
- React
- Redux-Toolkit
- React-Query
- TypeScript
- Style-Components
- Firebase
- Vercel
🏡 깃허브
https://github.com/soohyun-dev/Remind
🛫 배포주소
https://remind-git-dev-soohyun-dev.vercel.app/
이건 무슨 프로젝트인가요 🤔❓
저는 2019년부터 인스타그램에서 먹스타 인플루언서로 활동하고 있습니다.
2020년도까지 6천500명이 넘는 계정으로 운영되고 있었지만, 이후 편입 준비와 학교 공부로 인해 약 2년여간 활동을 중지했습니다.
그러다가 최근에 여자친구랑 다시 활동을 시작했습니다.
막상 다시 시작하니 또 열심히 하게 되더라고요 ㅋㅋ 진작할걸 그랬어요.
저희는 이 활동을 하면서 체험단/협찬 같은 활동을 같이 하고 있어요.
어떤 것인지 간략히 말씀드리면, 체험단 사이트에서 원하는 식당에 인플루언서 체험단을 신청하는거에요.
이후, 해당 체험단에 선정이 되면 해당 음식점을 통해 음식이나 비용을 제공받고 체험을 하는 것이죠.
인플루언서는 해당 체험을 하면서 느낀점을 포스팅해주면됩니다.
또다른 방식으로는 잘나가는 인플루언서의 경우 DM으로 협찬 문의가 옵니다.
저 같은경우도 예전부터 꽤 많은 협찬을 받아봤는데, 수락하게 되면 해당 활동을 수행하게 됩니다.
수많은 업체로부터오는 협찬을 비즈니스적인 면으로 관리를 하는 것이므로
그에 따른 일정관리는 필수적으로 해줘야해요.
자칫하다간 비용을 물어줘야할 수도 있고 어떻게보면 피해를 안길수도 있는 문제이기 때문이죠.
하지만, 이 활동을 하면서 느낀점이 있었는데 여러 활동을 동시에 같이하다보니
각각의 활동 프로세스를 놓치게되는 경우가 생길 수도 있다는 점이에요.
예를들어, 업체 방문전 일정을 조율해야한다던지 방문을 했는데 리뷰 하는 것을 잊었다던지
여러 경우들이 있을 것이라고 생각합니다.
실제로, 여자친구와 관리를 하던도중 저희는 연락하고 일정을 잡았다고 생각한 업체를 알고보니 연락을 안한채로 방문했던 적이 있었습니다.
여러 활동을 같이하다보니 혼선이 빚어진경우였는데요.
따라서, 이러한 일정과 활동의 프로세스를 한 눈에 볼 수 있었으면 좋겠다라고 생각이 들었습니다.
특히, 지금은 제가 취준을 하고 있다보니 인플루언서 활동을 하는데 있어 여자친구가 많은 도움을 주고 있는데,
이러한 불편을 덜어, 여자친구가 좀 더 편하게 쓸 수 있는 서비스를 한 번 만들어보자 라는 도전심이 생겼습니다.
그래서, 시작하게된 프로젝트입니다.
인스타와 관련된 프로젝트인만큼 웹보다는 모바일 환경에서 많이 사용하게 될 것이므로
이 프로젝트는 모바일환경에서 사용하는 것이 적합합니다.
어떻게 개발하였나요 🤔❓
저번주 금요일(4/07)부터 개발을 시작하였습니다.
오늘이 11일이니 약 5일정도 개발을 진행하였네요.
CRA 대신 Vite를 사용한 SPA로 프로젝트 초기세팅을 하였고 TypeScript를 당연히 추가해주었습니다.
또한 Redux-Toolkit과 React-Query도 바로 도입하였습니다.
데이터 저장소는 Firebase를 사용하였습니다.
로그인 정보는 Firebase를 이용한 이메일,비밀번호로 로그인 할 수 있게 하였습니다.
어떠한 기능들이 있나요 🤔❓
필수적으로 있어야하는 기능들을 우선적으로 생각해보았어요.
- 체험단/협찬 정보를 등록하는 기능
- 체험단/협찬 프로세스 과정을 볼 수 있는 기능
- 진행중, 완료된 체험단/협찬을 구분하여 볼 수 있는 기능
- 로그인 기능
- 회원가입 기능
일단은 이정도라고 생각했습니다.
이후 추가적인 기능들은 이후 구현사항으로 빼놓고 메인 기능을 우선 구현하는 것이 목표였습니다.
회원가입 => 로그인 => 포스팅 Create => 포스팅 Read 기능 => 진행중, 완료에 따른 정렬 기능
위의 과정 순서대로 진행하였고, 모든 기획, 디자인, 개발은 저 혼자 진행하였습니다.
지금까지 구현한 결과 😁
⚙️ 온보딩
- 페이지 접속시 보여지는 첫화면입니다.
⚙️ 로그인
- 로그인 과정입니다.
⚙️ 회원가입
- 간편한 회원가입으로 본 서비스를 이용할 수 있습니다.
⚙️ 게시물 등록
- 관리할 체험단/협찬을 등록합니다.
⚙️ 완료처리
- 체험단/협찬 프로세스에 맞게 과정을 등록하고 완료처리합니다.
⚙️ 정렬 기능
- 진행중, 완료, 전체 카테고리에 맞는 등록된 체험단/협찬 포스팅을 보여줍니다.
진행 소감 👨💻
이번 프로젝트는 짧은 기간내에 사용할 수 있는 프로젝트를 구현하는데 중점을 둬봤습니다.
매일 3~4시간씩 투자하여 구현을 해냈네요.
저의 추후 목표는 해당 프로젝트를 앞으로 더 다듬고 기능들을 추가해서 6000명이 넘는 팔로워들에게 공개해볼 예정입니다.
그래서 직접 서비스를 운영해보면서 프로젝트를 좀 더 키워보고 싶습니다.
우선은 여자친구가 쓰면 편리하겠다 싶은 기능들을 위주로 구현해보았는데, 계속적으로 유지보수해나아가면서 프로젝트의 기능을 넓혀 나아가보겠습니다.
'성장기록 > 프로젝트' 카테고리의 다른 글
React, Next 배포와 배포 자동화 A부터 Z [1주차] [GitHub Action 환경에서의 AWS CF, S3 배포 설정 및 배포자동화 (React CSR)] (0) | 2024.04.14 |
---|---|
Randomly 프로젝트 - React Query 데이터 캐싱 올바르게 사용하기 (0) | 2023.05.05 |
Randomly 프로젝트 - 팀원 피드백 기능, React로 모달창 구현 (0) | 2023.03.30 |
Randomly 프로젝트 - React Query로 비동기 처리하기, 상태(state) 다루기 (1) | 2023.03.22 |
Randomly 프로젝트 - Storybook 적용기 (0) | 2023.03.19 |