북적북적

⭐ 개요

독후감 기록 앱 북적북적을 웹사이트로 구현.

🗂️ 개발 내용

🗓️ 개발 기간

2022.09.09 - 2022.09.15(1W)

🧑‍💻 개발 인원

• 4명 (프론트엔드 2명 / 백엔드 2명)
• 프론트엔드 구현 및 배포 담당

⚒️ 기술 스택

• React, Redux Toolkit, Axios, Tailwind CSS , JavaScript

⌨️ 구현 기능

• 회원가입, 로그인 페이지 구현
  • 정규표현식을 사용하여 이메일 및 비밀번호 유효성 검사
• 메인 페이지 구현
  • redux-toolkit을 사용하여, 사용자가 작성한 리뷰 state 관리
• 검색 페이지 구현
  • axios 를 이용하여, 검색 키워드에 해당하는 도서 목록을 카카오 책 검색 API에서 GET 해서 화면에 표시.
• 페이지를 새로고침하지 않고 주소가 변경될 수 있도록 BrowserRouter사용
• Vercel을 이용하여 웹 서비스 배포

🛠️ 프로젝트 개선(2023.05 ~)

• TypeScript로 마이그레이션
• 다크 모드 추가
  • TailwindCSS로 다크모드일 때의 CSS 스타일을 정하고, localStorage를 사용하여 다크 모드 state관리.

✨ 성장 경험

• Redux Toolkit을 활용해서 전역으로 상태를 관리하는 방법을 습득했습니다.
• TypeScript를 적용하여 리팩토링을 진행하고 있습니다.

프로젝트 결과

🖥️ 소스 코드