IWant100

🔥 투표 시스템 개발 프로젝트 🔥

React와 Spring Boot를 이용한 투표 시스템은 사용자가 투표를 생성하고 다른 사용자들이 실시간으로 참여할 수 있다. 이 시스템을 통해 다양한 주제에 대해 의견을 수렴하고 결과를 확인할 수 있다.

❗️ 구현 목적 ❗️

React와 Spring Boot를 통해 투표 앱을 개발하면서 React와 Spring Boot에 대한 이해를 향상시키고자 한다.

⭐️ 주요 기능 ⭐️

투표 생성

• 사용자가 새로운 투표를 생성할 수 있다.
• 투표 제목, 설명, 옵션 등을 입력하여 새로운 투표를 작성한다.

투표 참여

• 다른 사용자가 생성한 투표에 참여할 수 있다.
• 각 투표 옵션에 대해 투표할 수 있으며, 하나의 투표에 여러 번 참여할 수 없도록 제한할 수 있다.

사용자 인증

• Spring Boot OAUTH을 사용하여 사용자를 인증할 수 있다.
• 이메일/비밀번호, 소셜 로그인 등을 통해 사용자 인증을 구현할 수 있다.

결과 시각화

• 투표 결과를 그래프나 차트 형태로 시각화하여 사용자에게 제공한다.
• 실시간으로 변동하는 결과를 반영한다.

사용자 정보

• 사용자의 프로필, 이름, 구글 이메일을 확인할 수 있다.
• 자신이 만든 투표 목록을 확인할 수 있다.
• 자신의 만든 투표를 삭제할 수 있다.

👥 Team 👥

@min-minnn	seung yeon @moanuna	@6suhyeon

💡 기술 스택 💡

• Spring Boot: 투표와 투표 결과를 저장하고 동기화한다.
• JavaScript, HTML, CSS: 프론트엔드 개발을 위해 사용된다.
• tailwind Css: 기존의 CSS에서 클래스 이름을 지정해야 하는 수고를 덜어주어, 빠른 퍼블리싱 진행이 가능하다. (https://tailwindcss.com/)

🚨 정기회의 🚨

• 화요일 12시
• 목요일 19시

🏷 Label 🏷️

👩🏻‍💻 Figma Design 👩🏻‍💻

• figma design templete

📱퍼블리싱📱

Login Page	Home Page

User Page	Vote Create page

Vote Page	Vote Page(plural voting)

Vote Result Page	Vote List Page

📅 팀 일정 📅

🖥️ 데모 영상 🖥️

2024-08-02.7.34.12.mov

💡 Firebase로 배포 💡