GithubHelp home page GithubHelp logo

team-fast4ward / market-log Goto Github PK

View Code? Open in Web Editor NEW
0.0 0.0 4.0 14.72 MB

REST API를 활용한 SPA 전자기기 쇼핑 웹사이트(vanilla JS)

Home Page: https://market-log-mu.vercel.app

HTML 3.84% SCSS 25.85% TypeScript 70.29% Shell 0.02%
chartjs daum-postcode javascript navigo parcel scss swiperjs typescript spa

market-log's Introduction

마켓로그(market.log)

개발자를 위한 마켓! 마켓로그에서 다양한 상품을 만나보세요!

프로젝트 소개 📝

REST API를 활용한 전자기기 쇼핑 SPA


프로젝트 기술스택 💡

  • 사용 언어: Typescript, Javascript, SCSS
  • 패키지 매니저: npm
  • 번들러: parcel
  • SPA 라우터: navigo
  • 코딩 컨벤션: prettier
  • 라이브러리: chartjs swiperjs kakao map api

팀 레포

local에서 실행 방법

1. git clone https://github.com/Team-fast4ward/market-log.git
2. cd market-log
3. .env 파일 생성 후, api key(BASE_URL, USER_NAME, API_KEY, ADMIN_EMAIL) 입력
4. npm i && npm run dev

👨‍👨‍👧 👨‍👦팀원 & 구현 페이지

김영은 이병욱 이찬영 이재하 안노을
@www-r @lbw3973 @dokimion24 @jaehafe @annoeul
[마이페이지]
- 주문 내역 페이지
- 개인정보수정 페이지
[메인페이지]
- Header,
Footer 퍼블리싱
[404 페이지]
[메인 페이지]
- Header 로그인,아웃
[마이 페이지]
- 계좌 관리 페이지
[로그인 페이지]
[회원가입 페이지]
[관리자 페이지]
- 대시보드 페이지
- 상품관리 페이지
- 상품상세 페이지
- 상품등록 페이지
- 상품 수정 페이지
- 거래내역관리 페이지
- 거래내역상세 페이지
[메인 페이지]
[검색 페이지]
[카테고리 페이지]
[상세 제품 페이지]
[장바구니 페이지]
[결제 페이지]
[마이 페이지]
- 찜하기 페이지
- 주문 내역 페이지
- 주문 상세 내역 페이지
[로그인 페이지]
- 퍼블리싱

market-log's People

Contributors

annoeul avatar dokimion24 avatar jaehafe avatar lbw3973 avatar ronieo avatar www-r avatar

market-log's Issues

[제품 상세, 장바구니 페이지] 구매수량 버그 수정

[제품 상세페이지]

  • 구매수량을 클릭했을 때 localStorage에 저장되지 않는 버그 해결
  • 장바구니에 담기 버튼 클릭 -> 장바구니 추가 확인 얼럿 -> 계속 쇼핑하기 버튼 클릭 시 모달 사라지지 않는 버그 해결

[장바구니 페이지]

  • 장바구니에서 제품 제거하기 버튼 클릭했을 때 제거되지 않는 버그 해결
  • 장바구니에 제품이 없는데 총 결제금액이 렌더링 안돼는 버그 해결

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.