티스토리 뷰

Project/MyLifePlaylists.tsx

MyLifePlaylist💖 좋아하는 것(영화, 책, 음악 등) 목록 만들기

hahagarden 2023. 3. 20. 20:38

My Life Playlist

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

 

 

프로젝트 개요

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

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

 

 

 

 

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

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

 

 

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

 

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

 

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

 

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

반응형
저작자표시

'Project > MyLifePlaylists.tsx' 카테고리의 다른 글

MyLifePlaylist💖 스타일링 변경 중간완성  (1) 2023.06.06
MyLifePlaylist💖 전체적인 스타일링 변경하기(Figma 디자인)  (0) 2023.05.18
MyLifePlaylist💖 데이터 수정하면 정렬 안되는 문제 해결  (1) 2023.04.23
MyLifePlaylist💖 전체 모달창 상태 로직 수정, 스타일링 개선  (0) 2023.04.21
MyLifePlaylist💖 UpdateModal 상태 로직 수정, RegisterModal form 전송 후 초기값 개선  (0) 2023.04.21
댓글