티스토리 뷰

My Life Playlist

음악 어플리케이션의 플레이리스트처럼 내가 좋아하는 것들 목록을 만들고 순위를 조정하고 저장할 수 있는 웹 사이트이다.
진행기간: 2022년 9월~ 2022년 10월

 


 

프로젝트 개요

노래, 영화, 도서, 음식 등 카테고리를 생성하고, 타이핑 필드와 선택 필드를 추가할 수 있다. 타이핑 필드는 리스트 추가 시 사용자가 직접 타이핑한 값을 저장하고, 선택 필드는 카테고리 생성 시 원하는 옵션들을 같이 생성하여 리스트 추가 시 사용자가 선택한 옵션 값을 저장한다.

TypeScript, React, firebase, Recoil, styled-components, react-hook-form, react-beautiful-dnd

 

 

 

 

회원가입과 로그인, 유효성 검사

회원가입과 로그인 기능, 각 유효성검사 구현

 

 

카테고리 동적으로 생성하기(song),
리스트 추가하기,
랭킹 변경하기

 

카테고리 동적으로 생성하기(movie, 선택 필드 추가하기),
리스트 추가하기,
리스트 삭제하기,
랭킹 변경하기,
선택 필드별로 보드 보기

 

동적으로 생성하는 카테고리의 형태

 

리스트 수정하기(로직 수정 필요)

반응형
댓글