도서 구매 웹사이트
Eladin(엘라딘)
기존 알라딘 사이트의 UX/UI 개선
기존 알라딘 사이트의 양탄자 배송에서 착안하여 사용자의 빠른 주문 및 배송이 가능하도록 단순화된 UI와 최소한의 기능 제공
복잡한 절차 없이 도서를 빨리 구매하고 싶은 사람
🔗 https://eladin-lgurfdxfjq-du.a.run.app/
⚠ 현재 서버가 내려간 상태입니다. (22.11.27 ~)
Role | ID | PW |
---|---|---|
Admin | [email protected] | 12345678 |
User | [email protected] | python3! |
🔗 https://documenter.getpostman.com/view/18622149/2s8YRqjqCg
- 회원가입, 로그인, 회원정보 수정, 회원탈퇴 등 유저 정보 관련 CRUD
- JWT 토큰: 서버 DB가 아닌 프론트단(sessionStorage)에서 저장 및 관리
- 카테고리에 따른 도서 목록, 도서 상세 정보 조회
- 장바구니 도서 조회, 도서 추가, 일부/전체 선택, 일부/전체 삭제 등 장바구니 관련 CRUD
- 장바구니: 서버 DB가 아닌 프론트단(localStorage)에서 저장 및 관리
- 장바구니에서 주문 목록 조회, 주문 완료 후 주문 정보 조회 및 삭제
- 관리자: 주문, 카테고리, 도서 CRUD
메인 페이지 | 회원가입 페이지 |
로그인 페이지 | 카테고리별 도서 리스트 페이지 |
도서 상세 정보 페이지 | 장바구니 페이지 |
주문 페이지(장바구니 페이지 하단) | 주문 완료 모달 |
마이페이지 | 관리자페이지 |
- Front-End:
src/views
폴더 - Back-End:
src/views
이외 폴더 전체 - Running: 프론트, 백 동시에 express로 실행
- Directory tree
┌─db
│ ├─models
│ └─schemas
├─middlewares
├─routers
├─services
└─views
├─admin-page
│ ├─component
│ │ └─eventFn
│ │ ├─categoryFn
│ │ ├─ItemFn
│ │ └─orderFn
│ ├─image
│ └─pages
│ ├─add_item
│ │ └─component
│ │ └─eventFn
│ └─modify_item
│ └─component
│ └─eventFn
├─cart
│ ├─component
│ │ └─eventFn
│ ├─image
│ └─util
├─category-booklist
│ ├─components
│ │ └─eventFn
│ └─image
├─home
│ └─image
├─login
│ ├─component
│ └─image
├─my-page
│ ├─component
│ │ └─eventFn
│ ├─image
│ └─page
│ └─component
│ └─eventFn
├─nav
│ └─component
├─product-detail
│ ├─component
│ │ └─eventFn
│ ├─data
│ ├─image
│ └─util
└─register
├─component
│ └─eventFn
└─image
이름 | 담당 |
---|---|
윤동주 | 팀장 프론트엔드 |
김유정 | 프론트엔드 |
김혜민 | 백엔드 |
서윤지 | 백엔드 |
이수빈 | 프론트엔드 |
git clone https://github.com/dongjooyun/Eladin.git
npm install
MONGODB_URL=mongodb+srv://ming:[email protected]/?retryWrites=true&w=majority
PORT=8000
npm start