air radar

면책조항: 작업 진행 중

---

air radar ☁️

전 세계 어디에서나 공기질 보고서를 생성하고 친구들과 공유하세요!

---

하이라이트

• 엄청나게 빠른 속도(점증적인 SSG 및 다양한 성능 최적화 사용) ⚡
• 하나의 통합 API로 병합된 2* 데이터 소스를 사용합니까?
• i18n 구현
• 접근성에 중점을 두었습니다.
• 완전히 사용자 정의 가능
• 만족스럽고 완벽하게 반응하는 디자인?
• 엔드투엔드 암호화 활용
• TypeScript로 작성됨

*향후 더 많은 데이터 소스를 추가할 예정입니다.

개발

다음 환경 변수를 제공해야 합니다.

• DB_URI - MongoDB 데이터베이스 URI입니다.
• DB_USER - 데이터베이스 사용자 이름입니다.
• DB_PASSWORD - 데이터베이스 비밀번호입니다.
• DB_NAME - 데이터베이스 이름입니다.
• DB_COLLECTION - 컬렉션 이름입니다.
• NEXT_PUBLIC_AIRLY_KEY - Airly API 키입니다.
• NEXT_PUBLIC_WAQI_TOKEN - 대기 질 개방형 데이터 플랫폼 API 토큰.
• NEXT_PUBLIC_MAPBOX_TOKEN - Mapbox API 토큰입니다.

이를 위해 .env.local 파일을 사용할 수 있습니다.

---

Vercel과 함께 주최 ▲

 # Run in development mode
$ npm run dev

# Build for production
$ npm run build

# Lint
$ npm test 

TODO

• 홈페이지
  • 여러 데이터 소스
    • 에어리
    • 세계 대기 질 지수
    • ?
  • 생성된 보고서의 양 표시
• 보고서 페이지
  • 지도
  • 차트
  • 센서 정보
    • 공급자
    • 위치
    • 거리
  • 기능 공유
    • 오픈 그래프 이미지 생성
    • Navigator.share() API 조사
  • WHO 표준에 대한 정보
• 다른 페이지
  • 맞춤형 대기 오염 센서 추가 허용
  • 로컬에서 생성된 보고서 관리
  • 개인 정보 보호 정책
• i18n(오래 지속된 작업)
• 전역 상태 유지(Recoil API 변경으로 인해 차단될 수 있음)
• 보안 API 경로
• 언어 기반 리디렉션 개선
• 엔드투엔드 암호화

기술 스택

• UI에 반응합니다 .
• SSG, 동적 경로 등을 위한 Next.js ;
• 스타일링을 위한 스타일이 지정된 구성요소 .
• 상태 관리에 대한 반동 ;
• 사용자 생성 보고서를 저장하기 위한 MongoDB .

특허

MIT