React

{  
  "name": "react-guide",  
  "private": true,  
  "version": "0.0.0",  
  "type": "module",  
  "scripts": {  
    "dev": "vite",  
    "build": "tsc -b && vite build",  
    "lint": "eslint .",  
    "preview": "vite preview"  
  },  
  "dependencies": {  
    "@emotion/react": "^11.14.0",  
    "@emotion/styled": "^11.14.0",  
    "@mui/material": "^6.3.0",  
    "axios": "^1.7.9",  
    "dayjs": "^1.11.13",  
    "lodash": "^4.17.21",  
    "msw": "^2.7.0",  
    "react": "^18.3.1",  
    "react-dom": "^18.3.1",  
    "react-error-boundary": "^5.0.0",  
    "react-query": "^3.39.3",  
    "react-router-dom": "^7.1.1",  
    "react-secure-storage": "^1.3.2",  
    "scss": "^0.2.4",  
    "vite-tsconfig-paths": "^5.1.4",  
    "zustand": "^5.0.2"  
  },  
  "devDependencies": {  
    "@eslint/js": "^9.17.0",  
    "@types/react": "^18.3.17",  
    "@types/react-dom": "^18.3.5",  
    "@typescript-eslint/eslint-plugin": "^8.19.1",  
    "@typescript-eslint/parser": "^8.19.1",  
    "@vitejs/plugin-react": "^4.3.4",  
    "eslint": "^9.17.0",  
    "eslint-config-prettier": "^9.1.0",  
    "eslint-plugin-import": "^2.31.0",  
    "eslint-plugin-jsx-a11y": "^6.10.2",  
    "eslint-plugin-react": "^7.37.3",  
    "eslint-plugin-react-hooks": "^5.0.0",  
    "eslint-plugin-react-refresh": "^0.4.16",  
    "globals": "^15.13.0",  
    "prettier": "^3.4.2",  
    "sass-embedded": "^1.83.1",  
    "typescript": "~5.6.2",  
    "typescript-eslint": "^8.18.1",  
    "vite": "^6.0.3"  
  },  
  "msw": {  
    "workerDirectory": [  
      "public"  
    ]  
  }  
}

.
├── assets
│   └── scss
├── components
│   └── snackbar
├── repositories
├── stores
├── typings
│   └── constants
├── utils
│   ├── api
│   ├── color
│   ├── date
│   ├── error
│   └── storage
└── views
    ├── auth
    │   ├── components
    │   │   ├── authorized
    │   │   └── login
    ├── calendar
    │   ├── dailyCalendar
    │   │   ├── components
    │   │   │   ├── dailyCalendarBody
    │   │   │   └── dailyCalendarHeader
    │   ├── monthlyCalendar
    │   │   ├── components
    │   │   │   ├── monthlyCalendarBody
    │   │   │   ├── monthlyCalendarDate
    │   │   │   ├── monthlyCalendarHeader
    │   │   │   └── monthlyCalendarSchedule
    │   ├── popup
    │   │   ├── dateSchedulePopup
    │   │   ├── scheduleAddPopup
    │   │   ├── scheduleModifyPopup
    │   ├── scheduleList
    │   └── weeklyCalendar
    │       ├── components
    │       │   ├── weeklyCalendarBody
    │       │   ├── weeklyCalendarDate
    │       │   └── weeklyCalendarHeader
    ├── layouts
    │   └── sidebar
    │       ├── components
    │       │   ├── menu
    │       │   └── userInfo
    └── main