Inspiration
Growing up, I noticed how difficult it was for many families in my community—especially Spanish-speaking households—to access government information. Important civic resources were scattered, written in complex legal language, and often only available in English. I wanted to build something that didn’t just make information available, but actually made democracy more accessible and understandable for everyone. That’s what inspired Connected Civics.
What We Learned
Through this project, I learned how critical human-centered design is when solving civic technology problems. It’s not just about building features, but about asking: Will this actually help someone like Maria, a grandmother who only speaks Spanish, or David, a busy student with just a phone? I also learned how powerful modern AI can be when paired with thoughtful design to bridge gaps in language, complexity, and access.
How We Built It
We designed Connected Civics as a mobile-first platform. The frontend is built with React and TypeScript, ensuring speed, reliability, and clean code. We integrated real-time APIs like GovTrack for live bill data and NewsAPI for civic news updates. For intelligent translation and simplification, we used OpenAI GPT-4. Data is stored and managed with PostgreSQL, keeping everything secure and efficient. Accessibility and responsiveness were a top priority, so the design works seamlessly across phones, tablets, and desktops.
Challenges
One of the biggest challenges was ensuring translations weren’t just word-for-word, but contextually accurate. Another was simplifying dense legal documents without losing meaning—something we solved with careful AI prompt design and iterative testing. We also had to overcome the challenge of consolidating scattered government data sources into one clean, intuitive interface. Finally, designing for all levels of tech literacy—from students to seniors—pushed us to refine navigation until it felt effortless.
Log in or sign up for Devpost to join the conversation.