MINI_PROJECT_TO_DO_LIST

download: project_To_do_list-main.zip

목록

• 프로젝트 도구 및 기술 스택
• API
• 사용법
• UI

프로젝트 도구 및 기술 스택(#stack)

-Tool: vscode, DBeaver

-SQL: postgreSQL

-라이브러리: React

-서버: node.js

API

Swagger API 문서:

https://petstore.swagger.io/?url=https://raw.githubusercontent.com/Parkseojin08/project_To_do_list/main/server/swagger/swagger.yaml#/

디렉토리 시각화

링크: click

사용법

1. 회원가입

   • 입력: 이름, 비밀번호, 이메일

2. 로그인

   • 입력: 이메일, 비밀번호

3. todo List 사용

   • 만들기 버튼: To Do List 수정
   • 검색: To Do List의 제목 검색
   • 천제확인 버튼: 모든 To Do List 호출
   • 체크 O 확인 버튼: 완료한 To Do List만 출
   • 체크 X 확인 버튼: 완료하지 않은 버튼만 호출

UI

메인 화면

SUB LIST

small list open menu

smail list

Profile

프로필 열기 버튼

임의의 'test' 자기이름을 클릭하면 user의 profile로 이동된다.

프로필 화면

LOGIN

로그인 화면

JOIN

회원가입 화면