📜 서비스 내용

온라인 책 쇼핑몰

🛠 기술 스택

• HTML5, CSS3, javascript(ES6+), VanillaJS
• node.js, express.js, mongoDB, moongoose, AWS S3, NginX

👀 서비스 화면

📜 서비스 내용

• 온라인 책 쇼핑몰

💡 핵심 기능

• 회원가입, 로그인, 회원정보 수정 등 유저 정보 관련 CRUD
• 제품 목록을 조회 및, 제품 상세 정보를 조회 가능함.
• 장바구니에 제품을 추가할 수 있으며, 장바구니에서 CRUD 작업이 가능함.
• 장바구니는 서버 DB가 아닌, 프론트 단에서 저장 및 관리됨 (localStorage, indexedDB 등)
• 장바구니에서 주문을 진행하며, 주문 완료 후 조회 및 삭제가 가능함.
• 제품 정보 페이지네이션 가능, 가격순, 최신 등록순으로 sorting 가능함.

🛠 ****사용 기술

1. 프론트엔드

• Vanilla javascript(javascript(ES6+)), html, css

2. 백엔드

• javascript(ES6+)
• node.js, Express.js (nodemon, babel-node로 실행)
• Mongodb, Mongoose
• AWS S3, Nginx
• jwt, cors

👩‍👩‍👦‍👦 협업 툴

• git, gitlab, github
• slack, notion, gather town
• figma

📂 폴더 구조

• 프론트: src/views 폴더
• 백: src/views 이외 폴더 전체
• 실행: 프론트, 백 동시에, express로 실행

Tool	사용 이유
https://www.notion.so/eb71263eb4494e91ad0eac8b587b8f10	프로젝트 전체적인 관리와 기록
https://app.gather.town/invite?token=oOfrxfGrWIDwt4OAuGjUFavZNi_3fwnv	오프라인 만남을 대체하고 실시간으로 소통
https://github.com/vegeten/vegeten-shop	코드 공유
https://www.figma.com/file/O4Zgf6H4iNtGNLQ4ZlOxg9/10%EC%A1%B0?node-id=0%3A1	와이어프레임 제작
slack	github와 연동하여 merge request, issue 작성 시에 바로 알림을 받아서 빠르게 피드백하기 위한 용도