두굿해커톤(Do Good Hackathon)에 참여하여 진행한 프로젝트 입니다.
두굿해커톤 규칙에 따라 개발은 08.14.(토) 10:00AM ~ 08.15.(일) 11:00AM [25시간] 이라는 단시간 동안 진행한 프로젝트입니다.
- 코로나로 인해 어려움을 겪는 전세계 로컬 비즈니스 지원 서비스
- 가족이나 친구와의 심적 거리를 좁혀주는 새로운 소통/커머스 서비스
- 나와 내 커뮤니티의 몸과 마음을 건강하게 해주는 디지털 웰빙/힐링 서비스
 |
 |
|---|
🔗 2021 두굿해커톤 공고 바로가기 Click ! 👈
새 창 열기 방법 : CTRL+click (on Windows and Linux) | CMD+click (on MacOS)
서로의 아침 창밖 풍경을 공유해 두근거리는 아침 그리고 굿모닝을 실천하게 해주는 두굿모닝 서비스입니다.
세계 각국에서 업로드하는 창밖 풍경 사진들을 통해 세계 여행을 즐기실 수 있습니다.
Front-end
Back-end
DevOps
- 사진 업로드와 멘션을 통한 아침 창밖 모습과 그날의 기분과 일정 공유
- 세계지도 UI를 통해 실시간 모닝존(AM 06:00 ~ 10:00) 위치를 확인하고 베스트 창문 컷 표기
- 세계 각국에서 올리는 게시물들을 다양한 기준으로 통계하여 랭킹으로 시각화
| 🔗와이어프레임(Wireframe) |
|---|
 |
| 스토리보드(Storyboard) |
|---|
 |
| 아키텍처(Architecture)(Storyboard) |
|---|
 |
| 메인 페이지 (게시물 섹션) |
|---|
 |
| 메인 페이지 (세계지도 섹션) |
|---|
 |
| 메인 페이지 (베스트 게시물 섹션) |
|---|
 |
| 메인 페이지 (랭킹 섹션) |
|---|
 |
| 로그인 및 회원가입 |
|---|
 |
| 게시물 업로드 |
|---|
 |
| 마이페이지 |
|---|
 |
| 이름 | 역할 | 개발 내용 |
|---|---|---|
| 김수영 | Front-end | 로그인 및 회원가입 기능 개발 세계지도 페이지 타임존 기능 개발 랭킹 페이지 마크업 및 스타일링 작업 AWS VM 배포 및 관리 |
| 박정환 | Front-end | 메인 페이지 (게시물 섹션) 마크업 및 스타일링 작업 메인 페이지 (베스트 게시물 섹션) 마크업 및 스타일링 작업 마이페이지 마크업 및 스타일링 작업 로그인 및 회원가입 모달 마크업 및 스타일링 작업 게시물 업로드 모달 마크업 및 스타일링 작업 |
| 손상준 | Front-end | 인포메이션 아키텍쳐 작성 메인 페이지 업로드 기능 개발 메인 페이지 게시물 기능 개발 세계지도 페이지 검색 기능 개발 베스트 게시물 기능 개발 |
| 강인선 | Back-end | 서버 아키텍쳐 작성 DB설계 auth API개발 게시물 API개발(이미지, 좋아요 등) 리더보드 API개발 |
| 이주현 | Back-end | - |
| 윤은비 | Designer | UI/UX 설계 Figma를 통한 와이어프레임 작성 |
새 창 열기 방법 : CTRL+click (on Windows and Linux) | CMD+click (on MacOS)
08.14.(토) 10:00 AM ~ 08.15.(일) 11:00 AM (25시간)
- 원격 저장소 복제
$ git clone https://github.com/do-good-morning/do-good-morning.git- 프로젝트 폴더로 이동 후 서버 폴더로 이동
$ cd do-good-morning
$ cd back- 서버 실행
$ export FLASK_APP=back
$ export FLASK_ENV=development
$ flask run- 클라이언트 폴더로 이동
$ cd client새 창 터미널 열기 후
- 필요한 node_modules 설치
$ npm install- 리액트(클라이언트) 앱 실행
$ npm start