공부/Project

사전 준비 - 웹미니 프로젝트 설계

뀨뿌뀨뿌 2023. 6. 8. 14:17

📌 프로젝트명

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