dust-alert(먼지 이놈!)

미세먼지 알림 서비스입니다.

모바일 디스플레이 사이즈 기준으로 제작했습니다.

✍️ 사용 기술

🕹 기능

1. 시도 구군명 검색

• 구군명 단위까지 세부 지역 미세먼지 정보를 제공합니다.

2. 시도 전체보기

• 시도 전체 미세먼지 정보를 제공합니다

3. 미세먼지 수치에 따른 색상 지정

• 미세먼지(PM10) 24시간 등급 따라 5단계의 색상을 동적으로 반영했습니다.
• 미세먼지 정보가 없는 것은 알수 없음으로 나타냈습니다.

4. 즐겨찾기 기능

• 즐겨찾기 해놓은 지역들의 미세먼지 정보만 제공합니다.

📚 구조

📦 
├─ .gitignore
├─ README.md
├─ index.html
├─ netlify.toml
├─ package-lock.json
├─ package.json
├─ postcss.config.cjs
├─ public
│  ├─ dust.png
│  └─ loading.gif
├─ src
│  ├─ App.tsx
│  ├─ assets
│  │  └─ fonts
│  │     ├─ SCDream1.otf
│  │     ├─ SCDream2.otf
│  │     ├─ SCDream3.otf
│  │     ├─ SCDream4.otf
│  │     ├─ SCDream5.otf
│  │     ├─ SCDream6.otf
│  │     ├─ SCDream7.otf
│  │     ├─ SCDream8.otf
│  │     └─ SCDream9.otf
│  ├─ components
│  │  ├─ Card.tsx
│  │  ├─ Favorite.tsx
│  │  ├─ Home.tsx
│  │  ├─ MyPlace.tsx
│  │  ├─ NavBar.tsx
│  │  ├─ SelectBox.tsx
│  │  └─ TotalSido.tsx
│  ├─ index.css
│  ├─ main.tsx
│  ├─ store
│  │  ├─ dustSlice.tsx
│  │  └─ store.ts
│  └─ vite-env.d.ts
├─ tailwind.config.cjs
├─ tsconfig.json
├─ tsconfig.node.json
├─ vercel.json
└─ vite.config.ts