주소:
ID: moatest1
PW: test
- 김영만 💻 Github
- 김학률 (팀장) 💻 Github
- 노서현 💻 Github
- 마지혁 💻 Github
- 유인종 💻 Github
- 이강윤 💻 Github
- 이지훈 💻 Github
- 이치호 💻 Github
- 조혜빈 💻 Github
- 지수근 💻 Github
React: "^18.1.0"
Typescript": "^4.4.2"
React-router-dom: "6"
Sass: "^1.51.0"
Sass-loader: "^12.6.0"
Recoil: "^0.7.3-alpha.2"
Store: "^2.0.12"
Classnames: "^2.3.1"
Date-fns: "^2.28.0"
Dayjs: "^1.11.2"
Korean-regexp:"^1.0.9"
To work as one,
Eslint: "^8.14.0"
Prettier: "^2.6.2"
Eslint-config-airbnb: "^19.0.4"
Eslint-config-prettier: "^8.5.0"
├── assets
│ ├── jsons
│ │ ├── heartrate
│ │ ├── steprate
│ │ └── user
│ └── svgs
├── hooks
├── routes
│ ├── Home
│ ├── Layout
│ │ ├── Header
│ │ │ └── Breadcrumb
│ │ └── Sidebar
│ ├── Login
│ ├── NotFoundPage
│ ├── UserInfo
│ │ └── Charts
│ ├── UserManage
│ │ ├── Result
│ │ └── Search
│ └── _components
│ ├── Button
│ ├── DatePickerModal
│ ├── DropDown
│ └── SearchDateRange
├── services
├── states
├── styles
│ ├── base
│ ├── constants
│ └── mixins
├── types
└── utils
- 로그인 페이지입니다.
- 입력을 하지 않았을 때, 잘못된 아이디를 입력했을 때 로그인 오류 팝업과 플로팅 메세지가 나타납니다.
- 로그인 정보를 기억하는
Remember Me체크박스를 구현했습니다.
- 상단 네비게이션 바, 반응형 사이드바를 확인할 수 있습니다.
- 상단 네비게이션 바를 이용해 로그아웃이 가능합니다.
- 회원을 조건에 맞춰 검색할 수 있습니다.
- ID검색은 퍼지 검색이 가능합니다.
- 관리 버튼을 누르면 회원 정보 상세 페이지로 이동합니다.
- 해당 회원의 정보를 확인할 수 있습니다.
- 기간에 따른 심박수, 걸음수를 그래프로 나타냅니다.
- 반응형 웹으로 그래프가 깨지지 않게 설계했습니다.