VoteWise

• 

  Landing Page

• 

  Voting Guide

• 

  Discussion Board

• 

  Useful Links

Inspiration

VoteWise was inspired by the realization that many citizens, particularly first-time voters and individuals from minority communities, often struggle to access reliable information about the voting process. The complexities of ballots and varying state regulations can lead to confusion and disengagement in the democratic process. We wanted to create a solution that simplifies the voting experience and empowers all voters to make informed decisions.

What it does

VoteWise is designed to educate and empower voters by providing information on upcoming elections. Users can determine their voting eligibility through a straightforward questionnaire and receive tailored candidate information based on their state or zip code. The platform features a comprehensive voting guide, detailing the voting process, and a candidate insights page that includes summaries of candidates, helping users understand their choices. With an intuitive interface, VoteWise simplifies the voting experience, ensuring that every voter has access to the information they need to make informed decisions.

How we built it

VoteWise was built using a modern tech stack that includes React and Next.js for the frontend, allowing us to create a dynamic and responsive web application. We leveraged Tailwind CSS for styling. We used Google Cloud APIs for retrieving election and representative information. Additionally, we integrated OpenAI APIs to provide AI-generated summaries of candidates, making complex information more digestible for users.

By combining these technologies, we were able to build a fully functional web app that not only meets our goals of accessibility and education but also provides a seamless user experience. Each component of our tech stack played a vital role in bringing VoteWise to life

Challenges we ran into

As first-time users of React and Tailwind CSS, my teammate and I encountered several challenges while building the UI for VoteWise. One of the biggest hurdles was understanding the component-based architecture of React and effectively managing state between components. We initially struggled with prop drilling and state management, which led to some confusion in our implementation. Additionally, integrating Tailwind CSS for styling was a learning curve. Debugging CSS issues and ensuring consistent styling across different screen sizes added to the complexity. However, these challenges ultimately enhanced our understanding of both frameworks and allowed us to create a more polished and user-friendly interface.

Accomplishments that we're proud of

We are incredibly proud of successfully developing VoteWise into a fully functional web application. Bringing our vision to life and seeing the app work seamlessly was a rewarding experience that showcased our hard work and collaboration over these last few days.

Creating a user interface with React and Tailwind CSS, especially as first-time users of these technologies, was an exciting achievement. The positive feedback we received during testing affirmed that our efforts were on the right track. Completing this project not only boosted our technical skills but also deepened our understanding of the impact a well-designed web app can have.

What we learned

Through this project, we gained valuable insights into web development and the importance of user experience design. I learned how to effectively integrate AI technologies to provide personalized information, as well as how to integrate various APIs. Additionally, I developed a deeper understanding of the electoral process and the challenges many face when trying to navigate it.

What's next for VoteWise

Looking ahead, we plan to enhance VoteWise by adding smooth animations and upgrading the overall user interface.

Built With

• google-cloud
• next
• react