온라인 서점 웹 애플리케이션 개발

프로젝트 목표

• 온라인 서점을 위한 사용자 친화적 웹 애플리케이션 개발
• 책 검색, 상세 정보 확인, 편집, 판매 수량 관리 기능 제공

🚀 배포

• Netlify를 사용하여 배포
  배포 링크

🕶️ 서비스 소개

• 온라인 서점을 위한 사용자 친화적 웹 애플리케이션 개발
• 사용자는 책 검색, 상세 정보 확인, 편집, 판매 수량 관리 기능을 제공받음
• 관리자는 책 추가/삭제 및 수량 조정 등의 관리 기능을 수행

💻 핵심 기능

1. 책 목록 페이지: 페이지네이션을 통해 한 페이지에 10개 항목을 표시하고, 책 제목 및 저자로 검색 가능
2. 책 상세 정보 페이지: 책의 상세 정보를 확인하고 수정할 수 있는 기능 제공
3. 책 관리 기능: 책 추가, 삭제 및 수량 조정 기능 제공

위의 기능들은 현재 임시로 목업 데이터 50개를 제작하여 연결하였으며, 추후 REST API로 연결 예정입니다.

⭐ 기능 소개

책 추가하기 및 검색	도서 10권 표시 및 페이지네이션
검색창 필터링	책 상세정보 모달창

🗓️ 개발 기간

2024.12.16 ~ 2024.12.18

📲 설치

Vite + React + TypeScript 프로젝트

1. vite 설치하기

npm create vite@latest

React + TypeScript 선택하기

2. 의존성 설치하기

cd bookstore
npm install

3. 서버 실행

npm run dev

👩🏻‍💻 팀원 소개

FE 김시원

📚 기술 스택

💡 추후 추가하면 좋을 기능

• 책 추가 기능에서 input창에 모든 값이 입력되지 않을 경우 alert 띄우기
• REST API 연결하기
• 새로고침해도 변경된 데이터 가지고 있기 (책 추가, 책 삭제, 책 수량 변경)