/KyoboBooks

교보문고 미니 프로젝트

Primary LanguageJavaScript

KyoboBooks

교보문고 미니프로젝트 입니다,

🖥️ 프로젝트 소개

Axios를 이용한 데이터 연동, JSX 문법을 이용한 UI,UX 연습

교보문고 DB를 이용하여 미니 온라인서점을 구현하였습니다.
json-server --watch data/db.json --port 8000로 임시 api 구현

시연영상

default.mp4

🕰️ 개발 기간

  • 22.12.16 - 22.12.22

🧑‍🤝‍🧑 맴버구성

  • 프론트엔드 팀장 : 배민준 - BookMain 구성 및 Git 버전관리 UX, UI

  • 프론트엔드 팀원1 : 이예은 - BookList 구성 및 페이지네이션, figma 관리, UI

  • 프론트엔드 팀원2 : 박시은 - 헤더, 구매 bar, 로그인 페이지, UI

  • 백엔드 팀장 : 문주영 - 팀 서포트

  • 백엔드 팀원1 : 이호진 - 데이터 베이스

  • 백엔드 팀원2 : 이도영 - 데이터 수집

  • 백엔드 팀원2 : 이태훈 - 서비스 구축

💻 사용 기술

Frontend

My Skills

Backend

My Skills

📅 프로젝트 관리

  • GitHub
  • Slack
  • Figma
  • Notion
  • Excel

📌 주요 기능

로그인

  • 로그인 UI

BookList

  • 북스토어에 알맞는 깔끔한 UI (BootStrap 사용)
  • 책 간편 정보 불러오기 (API 연동)
  • 개수 선택에 따른 페이지네이션
  • 책 제목 검색

BookMain

  • 책목록별로 상세 내역 표시
  • 타이머 및 애니메이션(UX) 추가

** 본 readme는 프론트엔드의 입장에서만 작성되었습니다.