PickMeUp 애플리케이션의 백엔드 서버를 구현한 저장소입니다.
➡️ 프론트엔드 저장소 보러가기
사용자가 후보자의 공약을 기준으로
후보자를 이해하고 선택할 수 있도록 돕는 정치 참여 플랫폼
PickMeUp은 후보자의 정책과 공약을 직관적으로 비교하고, 실시간 지지율과 모의 투표 결과를 시각화하는 공약 중심의 정치 참여 플랫폼입니다.
투표소 정보 제공으로 참여의 문턱을 낮추고, 건강한 민주주의 문화 확산을 목표로 합니다.
PickMeUp은 2025년 대선 정보를 제공한 뉴닉 이슈 – 대선2025를 참고하여 정책 중심의 후보자 비교를 더욱 직관적이고 능동적인 방식으로 제공하고자 기획되었습니다.
단순 정보 전달을 넘어,
- 모의 투표,
- 실시간 지지율 시각화,
- 응원 메시지 등록,
- 투표 참여 인원 수 시각화 등
사용자가 실제로 참여하고 의견을 표현할 수 있는 구조를 통해 정치 참여를 유도하고자 차별화했습니다.
- 공약 총정리: 후보별 핵심 정책을 한눈에 비교
- 모의 투표: 1인 1회 제한된 정책 기반 가상 투표
- 실시간 지지율 시각화: 전체 및 지역별 지지율을 시각적으로 확인
- 응원 메시지 작성: 선택한 후보에게 짧은 메시지 전송
- 투표소 찾기: 실제 선거를 위한 위치 기반 투표소 정보 제공
- 반응형 디자인: 모든 디바이스에 최적화된 UI
- 네비게이션 바: 직관적인 이동 및 현재 위치 표시
- 탑 버튼: 한 번에 맨 위로 이동
- 다크 모드 지원: 사용자 설정에 따른 테마 전환
- 투표 참여 수 시각화: 전체 참여자 수 시각적 표시
- 공유 기능: 페이지를 링크로 공유 가능
항목 | 내용 |
---|---|
개발 환경 | Vite |
주요 언어 | React |
스타일링 | Tailwind CSS |
라이브러리 | Swiper, React-Lottie, React-Hot-Toast |
유틸리티 | Axios, React-uuid |
배포 | Vercel |
항목 | 내용 |
---|---|
서버 환경 | Node.js, Express v5 |
데이터베이스 | MongoDB + Mongoose ODM |
배포 | Cloudtype |
메인 화면 | 공약 총정리 |
---|---|
![]() |
![]() |
투표소 찾기 | 모의 투표 |
![]() |
![]() |
실시간 지지율 | 응원 한마디 |
![]() |
![]() |
![]() 김용연 @yyeonkim |
![]() 김현우 @khwww |
![]() 양세현 @yshls |
![]() 유동석 @Youdongseok |
![]() 한여준 @Hanyeojun |
2025.05.07 ~ 2025.05.20 (2주)