TRACK 3: VOTER MOBILIZATION & COMMUNITY ENGAGEMENT

Inspiration

During the presidential election of 2024, our friend Alex, a driven college student who was ready to cast their first vote. But Alex lived miles away from the nearest polling station, with no access to reliable transportation. For Alex, and millions of young voters like them, the simple act of voting becomes an uphill battle due to transportation barriers.

This is why Ride2Vote was born.

It's no longer just an idea but a movement that started as an effort to bridge that gap with young voters. Ride2Vote connects passionate volunteers to young voters who need a ride so that nobody silences their voice based on distance. We believe giving them the means to reach the polls empowers our youth, and we provide the ride that drives democracy toward assurance that every young voice will shape the future.


What it does

Ride2Vote connects voters who need rides to polling stations with volunteer drivers in their community, thus making civic participation accessible for all.

For Voters

-Easy Ride Requests: An easy form to request rides to polling locations
-Accessibility Options: Specify special needs like wheel chair access or assistance
-Flexible Scheduling: Choose your preferred time for voting
-Real-time Updates: Stay informed about the status of your ride

For Volunteer Drivers

-Driver Registration: Quick sign-up as a driver with vehicle details and availability
-Ride Management: Receive and manage ride requests
-Impact Tracking:Track your impact via the leaderboard.
-Accessibility Specifications: Specify what kind of assistance you are able to provide.

Platform Features:

-Interactive Dashboard: Clean, user-friendly interface.
-Leaderboard System: Recognition for active volunteer drivers.
-Quiz Section: Educational content about voting rights and procedures.
-Secure Authentication: Protected user data and privacy.
-Responsive Design: Seamless experience across all devices.


How we built it

We developed Ride2Vote using React.js to provide a dynamic, responsive frontend that would ensure ease of use for both the voter and the volunteer drivers. For navigation, we employed React Router DOM, adding smooth animations courtesy of Framer Motion for polish. React Icons and custom CSS helped us keep the design fresh and accessible.

For secure user authentication, we integrated Auth0, allowing riders and drivers to register and log in with ease. Drivers can register their vehicle info, specify accessibility preferences, and track their impact via a leaderboard system. Riders are able to quickly request rides and customize their preferences while matching with drivers in real time.

We also developed an interactive Voting Knowledge Quiz to educate users about the election process and encourage engagement.

Tech Stack 🛠️

-Frontend: React.js, React Router DOM, Framer Motion, React Icons, Custom CSS
-Authentication: Auth0; Real-Time Chat: WebSockets
-Backend: Firebase
-Deployment: Netlify.

This tech stack helped us create a seamless platform that connects voters with volunteer drivers to ensure access to polling stations and empower young voters nationwide.


Challenges we ran into 🚧

Key Technical Challenges:

-Integration of Auth0 authentication without sacrificing a seamless guest access option.
-Complex state management across multiple forms and user interactions.
-Ensuring a responsive design works seamlessly.

Design & UX Challenges:

-Balancing the need for user information with form simplicity in driver registration.
-Designing intuitive navigation for both riders and drivers.
-Creating engaging visual feedback for the quiz and leaderboard components.

Integration Challenges:

-Coordinating the interaction between rider requests and driver profiles.
-Setup appropriate routing, including protected and public routes.
-Real-time updates of the leaderboard system.


Accomplishments that we're proud of

Our team worked quite hard in developing Ride2Vote as a platform connecting young voters with volunteer drivers to facilitate access for all to reach polling places. Here is a summary of some key accomplishments in which we're most proud:

Effective User Verification and Communication

-Driver and Rider Verification: We implemented the system of user profiles that could eventually support drivers and riders verifying each other, for mutual comfort.
-Secure Communication: The network was designed such that matched riders and drivers could communicate securely, maintaining the privacy of the users.

Optimized Ride Matching

-Easy Ride Requests: We created a ride request form that enables voters to post their transportation needs. Drivers can easily view the listed requests and choose those that fit their schedule and location. This makes the entire process of matching easier.

Gamified Engaging Platform

-Rewards/ Interactive Quizzes: Interactivity through fun and learning quizzes about voting was developed for users. We designed various rewards-a badge system, such as "Quiz Master" and "Top Contributor"-to spur them into using the facility provided to them for the greater learning process.

User-Centered Experience

-Intuitive Design: We focused on a simple and intuitive design that will drive the user from the signing-up process to requesting rides and quizzes with ease.
-Mobile-Friendly: Our design is responsive and works seamlessly across different devices, ensuring that a wide range of users can access and benefit from the app.

Accessibility Features

-Special Needs Accommodations: We integrated features that would allow drivers to indicate what special accommodations they could make for riders, such as wheelchair-accessible vehicles, and what special accommodations a rider needs for their ride.

We're really proud of what we've built, and excited about the prospects of Ride2Vote helping increase voter turnout and ensuring access to the polls for all.


What we learned 📚

As Ride2Vote evolved, we quickly learned that web app development between logistical needs and trust by and between users needs to be approached with thoughtful consideration of security. Every challenge that arose, from user verification to ride matching and accessibilities, offered many lessons about how to develop a full platform which really meets the needs of both voters and volunteer drivers.


What's next for Ride2Vote 🚀

Moving forward, the implementation of a backend system will be done to handle authentication, ride requests, and in-driver and rider communication. Furthermore, we are going to enhance the verification system by using more solid ID checks and allow real-time chatting for better interactions among users. We'll also look to integrate a mapping system to better facilitate ride matching and tracking.

Built With

  • auth0
  • auth0-authentication-api
  • css3
  • framer-motion
  • javascript-(es6+)
  • react-icons
  • react-router-dom
  • react.js
Share this project:

Updates