- [개발 멤버 소개]
- [서비스 소개]
- [기술 스택]
- [시스템 아키텍처]
- [주요기능 및 데모영상]
- [협업 관리]
- [프로젝트 기간]
- [프로젝트 관련 문서]
 🙂 안선혁 (Front-End) |
 🙂 김지수 (Front-End) |
 😆 박상현 (Back-End) |
 😁 백한나 (Front-End) |
 🙄 이정민 (Front-End) |
 🙄 정현명 (Back-End) |
| UI/UX React-Native | UI/UX React-Native | CI/CD Spring Boot REST API | UI/UX React-Native React | UI/UX React-Native React | CI/CD Spring Boot REST API |
매년 늘어나는 멸종위기 동물들
에너지 절약을 통해 탄소배출을 줄인다면 이런 동물들이 더 잘 살아갈 수 있지 않을까?
소소한 일상 속의 에너지 절약을 통해 멸종위기동물을 구해보세요!
상세 기술스택 및 버전
| 구분 | 기술스택 | 상세내용 | 버전 |
|---|---|---|---|
| 공통 | 형상관리 | Gitlab | - |
| 이슈관리 | Jira | - | |
| 커뮤니케이션 | Mattermost, Notion | - | |
| BackEnd | DB | MySQL | 8.0.31 |
| JPA | - | ||
| QueryDSL | - | ||
| Java | JDK | 17.0.5 | |
| Spring | Spring | 5.3.23 | |
| Spring Boot | 2.7.5 | ||
| IDE | Intellij(Ultimate) | 22.1.3 | |
| Build | Gradle | 7.5.1 | |
| API Docs | Postman | - | |
| Rabbit MQ | 3.11.3 | ||
| visualization | grafana | 8.2.6 | |
| visualization | prometheus | 2.40.2 | |
| visualization | elasticsearch | 7.6.2 | |
| visualization | logstash | 7.6.2 | |
| visualization | kibana | 7.6.2 | |
| visualization | filebeat | 7.6.2 | |
| FrontEnd | JavaScript(ES6) | - | |
| TypeScript | 4.8.4 | ||
| React | React | 18.1.0 | |
| React | react-router-dom | 6.4.2 | |
| React | React-Native | 0.70.3 | |
| React | react-redux | 8.0.4 | |
| React-Native | react-navigation | 6.3.2 | |
| S3 | aws-sdk | 2.1254.0 | |
| IDE | Visual Studio Code | 1.73.0 | |
| Server | 서버 | AWS EC2 | - |
| 플랫폼 | Ubuntu | 20.04.5 LTS | |
| 배포 | Jenkins | 2.361.4 | |
| Virtualization | Docker | 20.10.21 | |
| Virtualization | Docker-Compose | 2.12.2 |
- 키우고 있는 동물이 없다면 서비스에 관한 인트로 영상을 확인할 수 있습니다.
- 이후 멸종위기의 5종의 동물을 선택할 수 있습니다.
- 동물을 선택하면 이름을 설정하고 해당 동물의 짧은 만화를 확인할 수 있습니다.
- 동물은 멸종 위기 이유에 관한 에너지 절약/환경 관련 미션이 정해져 있습니다.
- 미션을 해결하면 점차 성장하는 동물을 확인 할 수 있습니다.
- 키우고 있는 동물 모습을 볼 수 있습니다.
n일차를 통해 미션 진행 일수를 확인할 수 있으며 클릭시 보유한 성냥 확인이 가능하며- 미션, 도감 등 다른 페이지로 이동할 수 있는
아이콘이 존재합니다.- 멸종위기, 에너지 절약 관련 영상을 확인할 수 있는 아이콘
- 환경 설정 아이콘
- 미션, 도감 확인 아이콘
- 일지 확인 아이콘
메인화면 (미션 전)
메인화면 (미션 후)
- 동물에 따라 매일 정해진 미션을 볼 수 있습니다.
사진(갤러리 선택 / 카메라 촬영)과일지를 작성해 미션을 완료할 수 있습니다.- 메인 미션을 완료한다면 공통 미션을 수행할 수 있습니다.(1일 1 메인 미션)
- 미션 페이지에서는 미션 안내 사항 및 예시 사진을 제공합니다.
- 미션 성공시 랜덤으로
성냥을 지급합니다.- 메인미션 : 1~10개 (사진 업로드 시 +5)
- 공통미션 : 5~15개(사진 업로드 필수)
메인 미션
공통 미션
- 메인 미션을 완료하면 작성된 사진과 일지를 일지 페이지에서 확인할 수 있습니다(공통미션 확인 불가).
- 지금까지 다 키운 모든 동물들을 볼 수 있습니다.
- 미션을 진행한 총 기간을 도감 페이지에서 확인할 수 있습니다.(한 캐릭터 성장 완료까지 걸리는 시간 21일 - 베타버전 3일)
- 그 동물을 키우면서 작성한 일지를 볼 수 있습니다.
- 동물에 대한 상세 정보를 볼 수 있습니다.
- 다른 사람들이 작성한 일지를 모두 볼 수 있습니다.
- 사진을 입력하지 않았다면 기본 이미지를 나타납니다.
- 적절하지 않은 게시글이 있다면 신고를 통해 성냥을 획득할 수 있습니다.
- 공지사항을 확인할 수 있습니다.
커뮤니티
공지사항
- 배경화면 소리 및 효과음 소리의 크기를 설정할 수 있습니다.
- 보유한 성냥으로 배경화면을 설정 및 구매할 수 있습니다.
- 설정 페이지에서는 인트로의 영상을 다시 시청할 수 있습니다.
- 기획 및 설계 : 22.10.11 ~ 22.10.23
- 프로젝트 구현 : 22.10.24 ~ 22.11.20
- 버그 수정 및 산출물 정리 : 22.11.18 ~ 22.11.21
ERD ⚡️ 바로가기
포팅매뉴얼 ⚡️ 바로가기
API 명세서 ⚡️ 바로가기
피그마 - 프로토타입 ⚡️ 바로가기