jungyeongp / jungle-mental-care

Jungle Mental Care

1. Introduction

1. 기획의도

• 정글 속에서 매순간, 매일을 몰입해서 보낼 정글러들의 멘탈을 케어하고자 만들었습니다.
• 무겁지도, 그리 가볍지도 않은 질문과 답변 체크를 통해 피식 웃어볼 수 있는 순간을 만들기 위해 구성하였습니다.

2. 주요 서비스

• 랜덤으로 설문 항목을 불러와서 매일 다른 설문지를 제공합니다.
• 설문항목 선택시 선택된 항목의 컬러를 변경해 체크유무를 쉽게 확인할 수 있습니다.
• 오늘 하루 멘탈 긍정 점수를 숫자로 표현하고 점수에 따른 피드백 제공합니다.
• 누적된 설문 결과를 그래프로 나타내서 최근 멘탈 경향을 제공합니다.

2. Project Structure

📦 week00_Team3   
   ├─ .github
   ├─ static/
   │  └─ logo.png     
   ├─ templates/             
   │  ├─ login.html
   │  ├─ mental_before.html
   │  ├─ mental_result.html
   │  ├─ mental_survey.html
   │  └─ sign_up.html
   ├─ app.py
   └─ README.md

3. Roles

• 강성우 (BE, DB)
• 박경준 (FE, BE, DB)
• 최다봄 (FE, PM)

4. Usage

Python-3.10.5 Flask Bootstrap AWS EC2

5. Homepage

1. DB에 회원정보가 없을 경우

2. 처음 설문조사를 한 경우

3. DB에 설문조사 기록이 있는 경우

4. DB에 설문조사 기록이 있는 경우 - 이전 설문조사 결과 확인

6. Presentation

jungle-mental-care's Issues

[BE] 로그인 회원가입 백엔드 구현

Description

To do list

Background

• 회원가입
• 아이디 중복 확인
• 로그인
• 로그아웃

Progress

• 회원정보 수정
• 설문지 띄우기 및 설문지 제출
• 일주일 간 멘탈 상태 확인
• 회원가입 페이지에서 빈칸 시에도 회원가입 버튼 누르면 그냥 생성 가능 (빈칸도 아이디로 인식)

post project

post project issue

[BE] 질문 결과 DB에 저장

Description

질문 작성 후
설문 조사 결과 DB에 저장

Background

Progress

• 질문 리스트 DB에 저장
• 설문 조사 결과(총합,부정질문,긍정질문) DB에 저장
• 응답하지 않은 질문이 있으면 alert

[FE] HTML 정적 페이지 작업

Description

먼저 모든 페이지 HTML&CSS 작업을 수행한 후, JS와 데이터 연동 예정

Background

(Background에 정적 요소 및 동적 요소에 대한 설명도 첨부했습니다.)

로그인 페이지

• ID/PW/로그인 버튼/회원가입 버튼
• 회원가입 버튼 클릭 시 회원가입 페이지로 이동
• 로그인 버튼 클릭 시 아이디, 비밀번호에 빈칸이 있으면 alert
• DB에 있는 ID와 PW가 일치하면 메인 페이지(mental_survey.html)로 이동

회원가입 페이지

• ID/PW/PW확인
• 아이디가 중복됐는지 확인
• 비번 제대로 했는지 확인
• 회원가입 완료 후, 로그인 페이지로 이동

설문 페이지

• 설문 내용 및 개수 생각하기
• 설문 레이아웃 구성

Progress

• login.html 구현
• sign_up.html 구현
• mental_survey.html 구현
• sign_up.html 에서 로그 클릭했을 경우, login.html로 넘어가게끔

[FE, BE] 설문 페이지 연동, 결과 페이지 레이아웃 수정

Description

설문 페이지 연동, 결과 페이지 레이아웃 수정

Background

refer [#3], [#7]

Progress

• mental_survey.html footer 수정
• mental_survey.html FE & BE 연동
• mental_result.html 레이아웃 수정 & 그래프 CSS 적용
• 로그인 <=> 회원가입 페이지 넘어갈 때 어색한 부분 수정하기
• 페이지 최소 축소 구현하기 & 로그아웃 밀리지 않게 하기
• 설문 결과가 없는 사람 고려
• 이메일 validation 설정
• 멘털 => 멘탈 로 전면수정