Week2_Assignment__Dashboard 📝
프로젝트 소개 🚀 구현 기능 📍 프로젝트 구조 🌲 역할 👋🏻 프로젝트 제작 과정 ✍🏻 프로젝트 설치 및 실행 ✨
🌍 배포 링크
개요 : 원티드 프론트엔드 프리온보딩 2기 2주차 3번째 기업 과제
주제 : 필터링 기능을 갖춘 대시보드 제작
기간 : 2022年02月07日 ~ 2022年02月09日
💡 본 기능은 기업에서 제공한 Figma 템플릿에 기반하여 구현했습니다.
src
├── API
├── Assets
├── Components
│ ├── Common
│ │ ├── Card
│ │ ├── Filter
│ │ └── Toggle
│ ├── Dashboard
│ │ ├── FilterMenu
│ │ └── index.tsx
│ └── NavigationBar
│ ├── DesktopBar
│ ├── MobileBar
│ ├── Modal
│ └── index.tsx
├── Utils
│ ├── Constants
│ ├── Interface
│ └── Styles
│ ├── _mixins.scss
│ ├── _reset.scss
│ └── _variables.scss
├── App.scss
├── App.tsx
└── index.tsx
이름
담당 역할
황상섭 환경 설정, 반응형 네비게이션바 구현, 토글 및 필터링 로직 구현
정인권 반응형 대시보드, 카드 레이아웃 구현, 배포
현다솜 필터링 로직 및 필터 레이아웃 구현
[1] 커밋 컨벤션은 다음과 같이 정했습니다 ✨ 스크린샷 2022年02月09日 오전 2 30 03
[2] 풀 리퀘스트 시 팀원들과 코드 리뷰를 진행했습니다 🔥 스크린샷 2022年02月09日 오전 2 30 57
[3] 이슈를 작성해 서로의 진행상황을 공유했습니다 👀 스크린샷 2022年02月09日 오전 2 31 30
Git Clone
git clone https://github.com/PreOnBoarding-Team17/Week2_Dashboard.git
프로젝트 패키지 설치
프로젝트 실행
concurrently를 적용해 JSON-Server와 Client Server가 동시에 실행됩니다.
yarn dev
