📌 프로젝트명
My bullet journal
📌 프로젝트 설명
불렛 저널을 온라인으로 작성하여 사용할 수 있는 서비스
📍구현하고 싶은 기능
📎 접속시 로그인 화면 노출
이미 로그인 되어있을 시 할일 리스트를 노출
* To do 페이지
1. 오늘 날짜, "안녕하세요, oo님" 표시
2. 입력 기능(동작 -> 업데이트 -> reload)
✔️input - to do, schedle, memo를 선택할 수 있는 드롭다운 및 추가 버튼 포함
✔️드롭다운의 디폴트값은 to do
3. 리스팅 기능
✔️출력 - 입력기능을 통해 추가된 요소들을 추가 순서대로 리스팅됨
✔️삭제 - 각각의 요소에 hover시 오른쪽에 휴지통 아이콘 생성, 아이콘을 누르면 삭제됨
✔️하이라이트 - 각 요소 왼쪽 공간에 hover시 반투명하게 별모양 아이콘 생성
✔️완료 - to do 불렛의 경우 아이콘을 클릭하면 ✅표시로 변경되면서 완료 처리됨
📎 회원가입 기능
✔️입력받은 데이터를 DB에 전송
✔️회원가입 데이터는 닉네임, 아이디, 패스워드
✔️아이디가 이미 존재하는 아이디인지 유효성 체크
✔️패스워드 규칙(영어 소문자, 숫자) 유효성 체크
📌 기술 Stack
Frontend - HTML, CSS, JS
Backend - momgoDB, Flask
📌 프로젝트 인원 및 나의 역할
프로젝트 인원은 총 3명
나는 그중에 오늘 날짜를 표시해주는 기능과 입력을 하는 기능을 담당함
github에서 프로젝트를 생성한 후 각자의 브랜치에서 작업
작업 완료후 Dev 브런치에서 merge
Dev 브런치에서 Main으로 merge 후 배포
'공부 > Project' 카테고리의 다른 글
개인숙제 - To Do List 만들기 (0) | 2023.06.24 |
---|---|
사전 준비 - 웹미니 프로젝트 (0) | 2023.06.13 |