zivivle/frontend-practice

React를 이용해 쇼핑몰 앱 만들기

📑 프로젝트 소개 및 개요

리액트를 이용해 쇼핑몰 앱을 만들어 보았습니다.

📂 파일 구조

├─public
│  └─img
├─src
│  └─apis
│  │ └─firebase_config.js
│  └─pages
│  │  └─cart
│  │  │  └─components
│  │  │  │  └─one-list
│  │  │  │     └─OneProductList.js
│  │  │  └─index.js
│  │  └─layout
│  │  │  └─Footer
│  │  │  │  └─index.js
│  │  │  └─Header
│  │  │  │  └─index.js
│  │  │  └─index.js
│  │  └─login
│  │  │  └─index.js
│  │  └─main
│  │  │  └─components
│  │  │  │  └─one-product
│  │  │  │  │  └─OneProduct.js
│  │  │  │  └─tabs
│  │  │  │     └─Tabs.js
│  │  │  └─index.js
│  │  └─product-detail
│  │  │  └─index.js
│  │  └─signup
│  │     └─index.js
│  └─routes
│  │  └─ProtectedRoute.js
│  │  └─Routing.js
│  └─stroe
│  │  └─stroe.js
│  └─styles
│     └─common.js
│     └─global.js
│     └─theme.js
├─App.js
├─App.css

개인 프로젝트

지성경:(https://github.com/zivivle)

✔️ 요구사항 구현 내용

1. 최종 결과물이 아래 이미지와 같아야 한다.

- 아래 참고용 이미지를 참고하여 페이지를 구현하였습니다.

2. rtk 상태 관리 라이브러리를 사용하였습니다.

3. 로그인은 파이어베이스의 인증 서비스를 이용하였습니다.

4. 타입스크립트로 마이그레이션 완료