Skip to content

환경을 위한 행동, 모두가 참여하는 서비스 "PICKTRE"

License

Notifications You must be signed in to change notification settings

PICKTRE/PICKTRE_frontend

Repository files navigation

환경을 위한 행동, 모두가 참여하는 서비스 (PICKTRE, Pick Trash)

react-version vite-version google-maps-version tensorflowjs-version framer-motion-version license CodeFactor

KakaoTalk_20230905_125252478

Video Label


개발 배경

현대 사회에서 쓰레기 문제는 점점 심각해지고 있으며, 쓰레기의 적절한 처리는 환경보호와 지속가능한 발전을 위해 중요한 문제로 인식되고 있습니다.

하지만, 여전히 공공장소에서 쓰레기를 적절하게 버리지 않는 경우가 많아 환경오염과 공공장소의 미관을 해치는문제가 발생하고 있습니다.

이러한 배경에서 PICKTRE는 쓰레기를 적절하게 처리하고, 시민들의 쓰레기 버리기 습관을 개선하여 환경보호와 재활용 문화를 확산 시키는데 목적을 두고 있습니다. 또한, 사용자들이 쓰레기를 버릴 때 보상을 제공하여 쓰레기 문제에 대한 인식과 참여 향상을 목표로 합니다.


웹 서버 아키텍쳐


프로젝트 시작 (로컬)

  1. 프로젝트를 clone 합니다.
git clone https://github.com/PICKTRE/PICKTRE_frontend.git
  1. clone이 완료되었다면, 다음 명령어로 npm library들을 설치합니다.
npm i
  1. 프로젝트를 실행합니다.
npm run dev

프로젝트 시작

  1. PICKTRE에 접속합니다.
https://picktre.netlify.app

프로젝트 기술 스택

Environment

Config


Development


Deploy


Communication





---

프로젝트 페이지

executeShot1 executeShot2 executeShot3 executeShot4 executeShot5 executeShot6 executeShot7 executeShot8 executeShot9 executeShot10 executeShot11 executeShot12 executeShot13 executeShot13


라이센스

PICKTRE/PICKTRE_frontend

facebook/react

vitejs/vite

googlemaps/google-maps-services-js

tensorflow/tfjs-models

framer/motion

axios/axios

zxing/zxing