[Chapter 1] 웹개발 미니 프로젝트 (W1) - 항해99 10기 A5

1. 프로젝트명

생생정보 5(⭐️⭐️⭐️⭐️⭐️)To do

오늘 하루 가장 높은 우선순위의 할 일을 5가지 정하고 관심사에 대한 영상을 추천 받는 모바일용 웹 서비스.

• 상세설명
  자기계발 도서를 보면 성공한 사람들은 메모하는 습관을 가지고 있습니다.
  오늘의 일과 중 가장 중요한 할 일을 5가지 정해서 하나씩 완료해보면 어떨까요? 이를 통해 성공 습관을 기르는 일에 도움이 되길 원합니다.

1. 우선 순위를 정해서 하루 중 중요한 할 일을 기록한다.

2. 달성한 목록을 표시할 수 있는 기능을 제공한다.

3. 회원가입 시 입력한 회원 별 관심사를 활용해 추천 영상을 제공한다.(크롤링)

2. 와이어프레임

1. 로그인 페이지

   • 레이아웃:
   • 기능:
     JWT 로그인 세션 구현
     ID, PW, 아이디/비밀번호 찾기(2순위 구현 기능)

2. 회원가입 페이지

   • 레이아웃:

   

   • 기능: 회원정보(ID, PW, E-mail, DB입력)/ID 중복검사, PASWORD 유효성 확인, mail 중복검사

3. 아이디/비밀번호 찾기 페이지 (2순위 구현 기능)

   • 레이아웃:
   • 기능: 1 ID, 1 E-mail → 비밀번호는 변경 페이지로 유도.

4. 투두리스트 페이지

   • 레이아웃:
     
   • 기능:
     투두리스트 DB 입력 / 완료 목록 클릭 시 갱신 DB(값 변경) / 네비게이션바 위 옆 노출 메뉴 선택 (왼쪽 상단 햄버거) ⇒ offcanvas / 달성률 체크 (2순위 구현기능)

5. 정보 제공 페이지 (유튜브 크롤링)

   • 레이아웃:
     

   : 사용자 관심 키워드로 유튜브 검색된 크롤링 영상 제공
   → 키워드별 영역 존재하며 아래 화면과 같이 구성

   → 이전 메뉴로 갈 수 있는 뒤로가기 버튼 제공

3. 담당 역할 및 기술스택

[역할 분담]

• 로그인 페이지 → 윤균하

• 회원가입 페이지 → 김형준

• 메인 페이지 → 이철화(투두리스트), 오호진(추천 영상 크롤링)

[기술스택]

• DB : MongoDB
• Cloud : AWS
• Web & API Server : Flask
• Language: pyhton, javascript

[API 설계]

4. 깃헙 주소

https://github.com/Pablaw/miniprojectW1