Electron Market(5조)

admin 접근

• 회원가입시 이메일에 admin이 포함되는 이메일만 admin페이지에 접근할 수 있습니다.
• 예) electron@admin.com

프로젝트 진행 노션 링크

• 노션
• 저장소

📑 과제 요구사항 분석

• 제공받은 API 분석한 후 인증, 계좌, 제품(사용자/관리자) API에 따른 데이터 처리 플로우 및 유저플로우 이해
• vue 프레임 워크를 사용한 웹 페이지 개발

🤲 함께한 멤버

장경찬	노영서	최효근	김신협

✨ 팀 프로젝트 결과

배포 주소

DEMO

저장소 주소

🗓 프로젝트 기간

2022년 6월 20일 - 7월 21일

📌 담당한 일(조장)

관리자 페이지

관리자 대시보드

• 판매 데이터를 한 눈에 볼 수 있는 대시보드 페이지

  

  • 차트
    • 거래 데이터에 따라 동적으로 차트 데이터가 변경됩니다.
    • 제품별 판매량 → 막대그래프
    • 매출액 대비 제품 비중 → 파이차트
  • 전체 매출, 전체 주문 수 , 전체 제품 수, 거래내역 데이터를 한 번에 볼 수 있습니다.
  • 모든 거래내역 데이터 pagination 구현했습니다.

제품 추가 페이지

• 이미지 base64 처리하여 API 요청
• SweetAlerts2를 적용하여 알림창 모달 띄우기

제품 목록 페이지

• table을 이용하여 데이터 추가했습니다.

제품 수정 페이지

• dropdown 메뉴
  • 수정 페이지로 이동
  • 제품 삭제

전체적인 스타일링

• 로그인 파트
• 제품 목록