Inspiration

  • Women often struggle to understand their legal rights because legal information is complex and scattered across different sources.
  • Many people are not aware of laws that protect them in situations like workplace harassment or domestic violence.
  • We wanted to create a simple tool that explains these rights in clear and easy language.
  • The goal of SheVocate – Legal Intelligence, Designed for Her is to empower women by making legal awareness more accessible.
  • Instead of searching through long articles, users can ask a question and quickly get simplified answers.
  • This idea combines technology and social impact to support awareness and promote gender equality.

What it does

  • SheVocate is an AI-powered legal awareness assistant focused on women’s rights.
  • Users can select their country and ask questions about legal protections such as harassment laws or maternity rights.
  • The chatbot explains legal concepts in simplified language using clear points.
  • It also provides quick FAQ cards for common questions to help users get answers faster.
  • The platform includes a voice input feature so users can ask questions by speaking.
  • A clean glassmorphism interface with a dark theme makes the experience modern and easy to use.

How we built it

  • We built the application using React with Vite to create a fast and responsive frontend.
  • Tailwind CSS was used to design the interface with a glassmorphism style and dark lavender color theme.
  • The chatbot functionality is powered by the Groq AI API, which processes questions and generates simplified explanations.
  • The app includes components like a chat interface, FAQ cards, a country selector, and a modal to enter the Groq API key.
  • We also integrated the Web Speech API to support voice input for better accessibility. The application runs entirely on the frontend, making it lightweight and easy to deploy.

Challenges we ran into

  • One challenge was ensuring that AI responses were structured and easy to read instead of long paragraphs.
  • We improved this by adjusting prompts to generate simplified explanations in clear points.
  • Another challenge was handling API authentication and dealing with errors such as invalid API keys.
  • Designing the UI to match a lavender-themed glassmorphism style while maintaining readability also required careful adjustments.
  • Voice input integration required testing because speech recognition behaves differently across browsers.
  • Balancing usability, design, and AI functionality while keeping the project frontend-only was another challenge.

Accomplishments that we're proud of

  • We successfully built a working AI legal assistant that simplifies complex legal topics.
  • The project integrates modern tools like React, Tailwind CSS, and the Groq AI API to create an interactive platform.
  • Features like voice input, quick FAQ cards, and structured AI responses improve the user experience.
  • The dark-themed glassmorphism interface provides a visually appealing and modern design.
  • The project demonstrates how AI can help make legal awareness more accessible.
  • Most importantly, it shows how technology can support empowerment and education around women’s rights.

What we learned

  • We learned how to integrate AI APIs into a frontend application and manage API authentication securely.
  • We gained experience designing modular React components and structuring applications effectively.
  • Working with Tailwind CSS helped us understand how to build modern and responsive UI designs.
  • We also learned how prompt engineering can improve the clarity and structure of AI responses.
  • Integrating voice recognition helped us explore accessibility features in web applications.
  • Overall, we learned how to combine AI, UI design, and user experience to build a meaningful solution.

What's next for SheVocate

  • We plan to expand SheVocate by integrating n8n automation to connect the platform with verified legal resources.
  • Automation workflows can fetch government legal documents and update FAQ content automatically.
  • We aim to add multilingual support so users can ask questions in regional languages.
  • Future versions may include emergency helpline integration and document explanation tools.
  • We also want to add conversation history and personalized recommendations for legal resources.
  • Eventually, SheVocate could evolve into a multi-agent AI platform where different agents manage legal queries, resources, and automated assistance.

Built With

Share this project:

Updates