- 바딧 센서 관리 웹 페이지 통해 상태를 관리합니다.
- 서버 API, JSON데이터를 활용하여 UI에 정보를 출력합니다.
- 동적 라우팅을 통해 페이지를 구성합니다.
- 캘린더UI를 적용해서 날짜별로 그래프를 표시합니다.
- 웹에서 그래프 데이터를 CSV파일로 Export가능하도록 합니다.
- JavaScript
- React.js
- styled-components
- styled-reset
- react-beautiful-dnd
- react-datepicker
- react-dom
- react-router-dom
- react-icons
- react-reveal
- react-tooltip
- axios
- date-fns
- prettier
- save
- Node.JS를 다운받아 설치해주세요. vite를 사용하였기 때문에 최소 14.18 버전 이상이 요구됩니다.
https://nodejs.org/
- 리포지토리를 클론해주세요.
git clone https://github.com/Poylib/pre-onboarding-3team-2nd.git
3.dependencies를 설치해주세요.
npm install
- 다음 명령어를 이용해 Dev server를 실행시켜주세요.
npm run dev
-
브라우저에서 http://localhost:3000/pre-onboarding-3team-2nd/ 로 접속하거나, 배포주소로 접속해주시면 됩니다.
[저작권] (주)바딧
- ✅ 프로젝트내 이미지는 모두 (주)바딧 에서 제공받았습니다.
구현 - [그래프페이지] 그래프UI, 좌표 클릭시 해당 시간대 그래프 출력, 해당 데이터 csv로 export
박찬영 - [리스트페이지] 리스트UI, 카테고리별 필터링(오름차순,내림차순)
이동호 - [리스트페이지] 리스트UI, 카테고리별 필터링(체크박스)
이유나 - [그래프페이지] 달력 UI, 달력 날짜 지정시 해당 날짜 그래프 출력
최승철 - [전체페이지] Nav UI, 해당 카테고리로 이동, 레이아웃 및 반응형