Skip to content

dmswl2030/ToyProject-1_OP-AL

Repository files navigation

header

📌 프로젝트 소개

OP-AL

Old People with Active Life
REST 거래 API를 활용한 쇼핑몰 프로젝트
인생의 제 2막을 시작한 5060세대의 여가 및 건강 활동을 위한 공간을 소개·대여하는 공간 대여 플랫폼

프로젝트 기간

2023.05.30 - 2023.07.02

📌 배포 링크

📌 개발 팀원 및 역할

패스트캠퍼스 프론트엔드 5기

주하림 이시우 이은지 윤금엽 강동훈
주하림 이시우 이은지 윤금엽 강동훈
GitHub 팀장
초기 개발 세팅
리덕스 설정
마이 페이지
(계좌, 구매내역)
전체 디자인 스타일
제품 검색 기능
검색 리스트
로그인
회원가입
마이 페이지
(내 정보)
제품 상세 페이지
제품 결제 페이지
더미데이터 수집

📌 기술 스택

Development

JavaScript REACT TYPESCRIPT SASS

Config

Npm Create React App

Library

Axios Redux React Cookie Ant Design

Environment

Git GitHub Visual Studio Code

Deployment

Netlify

Cowork Tools

Figma Slack Notion

📌 구현 페이지 및 프리뷰

1️⃣ 메인 페이지

  • 제품 검색, 이벤트 배너, 지금 뜨는 곳, 퀵메뉴(예약 정보 확인)

    프리뷰

2️⃣ 제품 페이지

  • 제품 리스트, 상세 페이지, 결제 페이지

    프리뷰

3️⃣ 마이 페이지

  • 내 정보 수정, 내 계좌 관리, 구매 내역 조회

    프리뷰

4️⃣ 인증

  • 로그인, 회원가입

    프리뷰

📌 구현 화면

메인 페이지
(로그인 전)
메인 페이지
(로그인 후)
user-main user-main-reservation
로그인
회원가입
user-signin user-signup
메인 페이지 퀵메뉴
(로그인 후)
제품 검색 페이지
user-main-quickmenu user-search
제품 상세 페이지
제품 결제 페이지
user-productdetail user-productpayment
마이 페이지
(내 정보)
마이 페이지
(내 계좌)
user-mypage-info user-mypage-account
마이 페이지
(구매 내역)
마이 페이지
(구매 취소)
user-mypage-purchase user-reservationcancel

📌 담당 페이지 및 기능 구현

📌 프로젝트 회고

About

Toy Project 1 <쇼핑몰 팀 프로젝트> : OP-AL

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •