Inspiration
Many nonprofit organizations struggle to provide instant support and clear donation guidance to visitors on their websites. We wanted to create a smart and friendly AI-powered donation assistant that makes donating easier, faster, and more engaging for users while supporting children’s education in India.
What it does
BrightPath Foundation is an AI-powered nonprofit donation platform that helps users learn about educational programs, donation impact, and ways to contribute. The website includes an intelligent chatbot assistant called “Bright” that answers donor questions instantly using the Gemini API.
How we built it
We built the frontend using HTML, CSS, and JavaScript. The chatbot interface was created using pure JavaScript without external libraries. CSS styling was dynamically injected through JavaScript for a lightweight and responsive experience.
We integrated the Google Gemini API to provide AI-generated responses and built a conversational interface with:
- Floating chatbot button
- Real-time AI responses
- Typing indicator
- Quick reply buttons
- Conversation history ## Challenges we ran into
One of the biggest challenges was integrating the Gemini API correctly and handling API response errors. We also faced issues with chatbot rendering, JavaScript syntax errors, and maintaining responsive UI behavior across pages.
Debugging asynchronous API calls and ensuring smooth chatbot interaction required multiple iterations and testing.
Accomplishments that we're proud of
- Successfully built a fully functional AI donation assistant
- Created a responsive chatbot using pure JavaScript
- Integrated Gemini AI for real-time donor interaction
- Designed a clean and user-friendly nonprofit website
What we learned
Through this project, we learned:
- API integration using fetch and async/await
- Frontend debugging techniques
- Dynamic UI generation with JavaScript
- Error handling for AI-powered applications
- Building responsive chatbot interfaces
What's next for Bright path foundation
In the future, we plan to:
- Add multilingual chatbot support
- Integrate secure online payment gateways
- Add donor analytics dashboard
- Improve AI personalization
- Launch the platform for real nonprofit organizations
Built With
- aichatbot
- css
- frontend
- groq
- html
- javascript
Log in or sign up for Devpost to join the conversation.