[KBSC 2022] ECOmunity에 대해 간단히 소개하기

⭐️ KBSC (KB국민은행 소프트웨어 경진대회) 홈페이지

KBSC

⭐️ DEF:CON 팀 홈페이지 (Ver. 2021)

Def:Con

---

🌱 ECOmunity?

캡처본은 localhoost에서 실행했으나, 얼마 전까지는 도메인을 통해 배포되어 있었다.

👨‍💻 ECOmunity-FE GitHub

GitHub - DefCon-Apps/ECOmunity-FE

FE는 TypeScript로 작성한 React.js 웹이다.

👨‍💻 ECOmunity-BE GitHub

GitHub - DefCon-Apps/ECOmunity-BE

 

ECOmunity는 KBSC 2022의 주제인 '사회공헌', '환경' 중 '환경'에 초점을 맞춘 웹 커뮤니티를 만드는 것을 목표로 했던 작품이다. 초반에 기획을 하기로는 다음과 같은 기능을 제공하고 싶었다.

 

• 상품을 판매하는 기업의 환경 관련 마케팅 정보를 수집하여 제공하는 기능
• 기업 혹은 공공기관의 환경 관련 마케팅에 참여한 것을 인증하는 기능
• 인증 후 추천을 받아 추천수에 비례한 ECOmunity 포인트 증가 기능

---

🌱 ECOmunity 상세 소개

NEW ECO

NEW ECO는 기업들과 공공기관들이 진행중인 환경 관련 캠페인, 이벤트를 안내하는 페이지이다.

각 카드를 클릭하면 자세한 정보를 확인할 수 있다.

OUR ECO

OUR ECO는 이용자들이 환경 관련 캠페인, 활동에 참여한 것들을 공유하고 인증하며 추천을 주고받는 페이지이다.

각 카드를 클릭하면 자세한 내용을 확인할 수 있으며, 나뭇잎 모양 아이콘을 클릭하여 추천을 줄 수 있다.

MY ECO

프로필이다..... 허전하고 텅 빈... 

자신의 Ecomunity 포인트를 확인할 수 있는데 추천 5개당 1점을 부여하는 로직이다.

LOGIN

로그인 페이지다. 로그인은 Firebase Google 로그인으로 구현되었다.

LOGOUT

로그인시 로그아웃 페이지로 표시된다.

 

---

이렇게 오늘은 우리 DEF:CON에서 KBSC 2022에 제출한 작품, ECOmunity를 간단히 소개해봤다.

나는 웹 FE를 맡았기에, 다음 포스팅에서는 ECOmunity의 FE를 구현하면서 고민했던 것들, 아쉬웠던 것들을 정리해보려고 한다.

 

완성했다는 뿌듯함 말고는 부족하다고 느끼는 부분이 더 많은 프로젝트지만 성장의 양분이 되어줄거라 믿기에 포스팅을 결정한 만큼 꾸밈없이 한 번 써내려가볼까 한다.