Vanilla JavaScript 프로젝트 - MarketKarly 클론코딩 🛒

image

프로젝트 기간 : 2023.1.27 ~ 2023.2.8

멋쟁이 사자처럼 프론트엔드 스쿨4기 19조

기술스택 🛠

프로젝트 주요 기능 ✨

  • 로그인/회원가입 기능
  • 상품 리스트 필터, 정렬 기능
  • 상품 후기 작성, 조회 기능
  • 상품 문의 작성, 조회 기능
  • swiper.js를 사용한 캐로셀

프로젝트 목표 🔥

  • git, github을 활용한 원활한 협업을 목표로 합니다.
  • 웹 접근성 준수를 위해 대체 텍스트 제공, 마우스로 조작할 수 있는 기능은 키보드로 접근 및 조작이 가능하게 하며 폼 컨트롤, 명도대비를 고려합니다.
  • 웹 표준 준수를 위해 적절한 헤딩 사용 및 시맨틱 마크업에 신경씁니다.
  • 크로스 브라우징 체크를 통해 모던 브라우저 환경에 맞춰 동작이 가능하도록 하고 검색 엔진 최적화를 고려하고 성능 최적화를 위해 노력합니다.

TEAM 마켓빨리 🧑‍💻

Juhee-Hwang no-support senasoon kyungseob7 ssw6750
Juhee-Hwang의 프로필 사진 no-support의 프로필 사진 senasoon의 프로필 사진 kyungseob7의 프로필 사진 ssw6750의 프로필 사진

담당 기능 📍

이름 담당 기능
황주희 메인 상품 캐로셀, 상품 후기 작성/조회
노지원 상품 문의 작성/조회, 푸터
박세은 메인 배너 캐로셀, 상품 상세 페이지 요약/설명
변경섭 메인 사이드 캐로셀, 장바구니 페이지, 메인 모달, 상단 모달
서석원 상품 리스트 필터/정렬, 헤더, 장바구니 모달

프로젝트 사용법 🚀

  • 서버 실행
npm run serve
  • 클라이언트 실행
npm run start
  • 서버와 클라이언트 동시 실행
npm run all