https://github.com/codestates-seb/seb40_main_016

🐈코코아팀의 '내 밥은 내가 번다냥' 서비스 개발 리포 입니다.🐈‍⬛
https://github.com/codestates-seb/seb40_main_016

java react spring typescript

Last synced: about 1 year ago
JSON representation

🐈코코아팀의 '내 밥은 내가 번다냥' 서비스 개발 리포 입니다.🐈‍⬛

• Host: GitHub
• URL: https://github.com/codestates-seb/seb40_main_016
• Owner: codestates-seb
• Created: 2022-11-07T04:47:14.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-04-11T14:16:58.000Z (about 3 years ago)
• Last Synced: 2025-04-13T01:43:07.391Z (about 1 year ago)
• Topics: java, react, spring, typescript
• Language: TypeScript
• Homepage: https://givemesnack.me/
• Size: 25.2 MB
• Stars: 6
• Watchers: 2
• Forks: 4
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          
![title_대지 1](https://user-images.githubusercontent.com/63777183/205604346-ec4856e2-f17c-43d2-a890-57e6cebc5249.svg)

## 🐾 배포링크

https://givemesnack.me/




## 👤 테스트 계정

저희 서비스는 동물, 사람 계정별로 접근 가능 정보와 액션이 다릅니다.


* 동물 계정 > 사료 알 받기 및 상품으로 교환 가능, 상점 페이지 활성화, 마이페이지 간식 탭 활성화


* 사람 계정 > 사료 알 주기만 가능, 상점 페이지 비활성화, 마이페이지 간식 탭 비활성화


|타입|이메일|비밀번호|

|:--:|:--:|:--:|

|😺고양이|guest@abc.com|guest123|

|👶사람|guestman@abc.com|guest123|

- 구글 OAuth2 계정: cocoacatdog@gmail.com




## 🐈 프로젝트 소개

📷 **내 밥은 내가 번다냥**은 반려동물의 사진과 글을 올리는 서비스입니다.


😺 **동물 계정**으로 가입해 사진을 올리고 좋아요와 간식을 받아보세요! 


간식을 모으면 상점에서 간식과 물품을 교환할 수 있습니다.


🧑**사람 계정**으로 가입해 좋아하는 동물에게 간식을 선물해보세요!


좋아하는 동물에게 실제 간식과 교환할 수 있는 알을 선물할 수 있습니다.





[소개 페이지에서 보기 🚗](https://givemesnack.me/introduce)




## ☕️ Cocoa 팀

팀명 "코코아"는 코딩코딩아이조아의 줄임말로써,

즐겁게 코딩하자는 의미를 담았습니다.




## 👨‍👩‍👧‍👦 팀원 소개

|[김윤희](https://github.com/kyh1685)|[송인선](https://github.com/ssunip)|[이수련](https://github.com/SuRyeon-Lee)|[김정민](https://github.com/jaybknd)|[남상욱](https://github.com/kugnas)|[조지선](https://github.com/appstew)|

|:---:|:---:|:---:|:---:|:---:|:---:|

|FE|FE(팀장)|FE|BE|BE|BE|

|||||||




## 👷‍♀️ 역할 소개

|이름|담당|

|:--:|:--:|

|김윤희|글 작성/수정, 상점 페이지, 설정 페이지, 소개 페이지|

|송인선|메인 페이지, 마이 페이지, 프로필 페이지, 알람|

|이수련|회원가입, 로그인, 소셜로그인, 상세페이지|

|남상욱|각 도메인 서비스 기능 구현, 알람|

|김정민|유저 가입/소셜 로그인, 도메인 연결 및 SSL 설정, 캐싱|

|조지선|게시글, 이미지|




## ⏰ 타임스탬프

- 2022.11.08 ~ 2022.11.13: 아이디어, 기획, 디자인

- 2022.11.14 ~ 2022.11.20: 1차 기본 기능 구현

- 2022.11.21 ~ 2022.11.27: 2차 심화 기능 구현

- 2022.11.28 ~ 2022.12.06: QA, 문서 및 영상 제작




## 💼 문서

- [유저플로우](https://www.figma.com/file/mvDzExmm7j5hxxjM71I4nO/%EB%A9%94%EC%9D%B8-%ED%94%84%EB%A1%9C%EC%A0%9D%ED%8A%B8_%EC%9C%A0%EC%A0%80-%ED%94%8C%EB%A1%9C%EC%96%B4?node-id=0%3A1&t=cdPTocCTzRo7TmlU-0)

- [사용자 요구사항 정의서](https://docs.google.com/spreadsheets/d/1gmvqH28FuZbL-A_i6DfNovSWkP8jq7mffPc2gDLDZwE/edit#gid=0)

- [화면정의서](https://www.figma.com/file/2cQLkYRDo6zWGaK7gZMEPb/%EB%82%B4-%EB%B0%A5%EC%9D%80-%EB%82%B4%EA%B0%80-%EB%B2%88%EB%8B%A4%EB%83%A5?node-id=0%3A1&t=pbIyZseAdgDmyxBC-0)

- [API 명세서](https://www.notion.so/codestates/11afabe252fb45c9a7401c62be30ab24?v=7cff14d721144296821492e2bb319542)

- [회의록](https://github.com/codestates-seb/seb40_main_016/wiki/2022%EB%85%84-11%EC%9B%94-17%EC%9D%BC-%EB%AA%A9%EC%9A%94%EC%9D%BC)

- [위키](https://github.com/codestates-seb/seb40_main_016/wiki)




## 🎤 발표

- [발표문서](https://www.notion.so/codestates/2713f4aa854d4e68a169a85b6070bab5?p=be16bf5dc4124b02a5fa0759cdc06d80&pm=s)

- [유튜브 발표영상](https://www.youtube.com/watch?v=me5D0NIVkAg&t=341s)

- [발표 ppt](https://www.canva.com/design/DAFTkRFbu2s/-jIlaQbPSQDsKdSKUa3sRQ/view#6)




## 🙋🏻‍♀️ 궁금한게 있어요!

질문, 아이디어, 그게 아니면 어떤 잡담도 모두 환영입니다.🎉


디스커션 채널에 오셔서 남겨주세요!

🚀 [디스커션 바로가기](https://github.com/codestates-seb/seb40_main_016/discussions/categories/polls)




## ⚙️기술스텍

###### Frontend

![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)

![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)

![Styled Components](https://img.shields.io/badge/styled--components-DB7093?style=for-the-badge&logo=styled-components&logoColor=white)

![Recoil](https://img.shields.io/badge/Recoil-3578E5?style=for-the-badge&logo=Recoil&logoColor=black)

![Axios](https://img.shields.io/badge/Axios-181717?style=for-the-badge&logo=Axios&logoColor=white)

![ESLint](https://img.shields.io/badge/ESLint-4B3263?style=for-the-badge&logo=eslint&logoColor=white)

![Prettier](https://img.shields.io/badge/Prettier-F7B93E?style=for-the-badge&logo=Prettier&logoColor=black) 

###### Backend

    ![MySQL](https://img.shields.io/badge/mysql-%2300f.svg?style=for-the-badge&logo=mysql&logoColor=white)  ![AWS](https://img.shields.io/badge/AWS-%23FF9900.svg?style=for-the-badge&logo=amazon-aws&logoColor=white)  ![JWT](https://img.shields.io/badge/JWT-black?style=for-the-badge&logo=JSON%20web%20tokens)

###### Team Collaboration Tool

![GitHub](https://img.shields.io/badge/github-%23121011.svg?style=for-the-badge&logo=github&logoColor=white) ![Discord](https://img.shields.io/badge/Discord-%235865F2.svg?style=for-the-badge&logo=discord&logoColor=white) ![Gather Town](https://img.shields.io/badge/GatherTown-%4285F4.svg?style=for-the-badge&logo=GatherTown&logoColor=white) ![Notion](https://img.shields.io/badge/Notion-%23000000.svg?style=for-the-badge&logo=notion&logoColor=white)

  




## 📺 서비스 시연

  

    

      회원가입

    

    

      로그인

    

    

      소셜로그인

    

  

  

    

      

    

    

      

    

    

      

    

    

  

    

      비밀번호 찾기

    

    

      로그아웃

    

    

      메인 페이지

    

  

  

    

      

    

    

      

    

    

      

    

   

  

    

      검색

    

    

      글상세

    

    

      글작성

    

  

   

    

      

    

    

      

    

    

      

    

   

  

    

      상점

    

    

      프로필

    

    

      마이페이지

    

  

  

    

      

    

    

      

    

    

      

    

   

  

    

      프로필 편집

    

    

      비밀번호 변경

    

    

      회원탈퇴

    

  

  

    

      

    

    

      

    

    

      

    

   




## 🔖커밋 컨벤션

|Tag Name|Description|

|------|---|

|✨ feat|새로운 기능 추가|

|🐛 fix|버그 수정|

|📝 docs|문서 수정 / 주석 변경|

|💄 style|코드 formatting, 세미콜론(;) 누락, 코드 변경이 없는 경우 + CSS 등 사용자 UI 디자인 변경|

|♻️ refactor|코드 리팩토링|

|✅ test|테스트 코드, 리팩터링 테스트 코드 추가(프로덕션 코드 변경 X)|

|💚 chore|빌드 업무 수정, 패키지 매니저 수정(프로덕션 코드 변경 X)|

|🚚 rename|파일 혹은 폴더명을 수정하거나 옮기는 작업만인 경우|

|🔥 remove|파일을 삭제하는 작업만 수행한 경우|

![ezgif com-gif-maker (1)](https://user-images.githubusercontent.com/78314354/205866589-1a7f3718-a1d6-48c9-918d-1be4c81befc2.gif)