EcoPulse - Environmental Awareness Platform

• 

  Homepage

• 

  Chat Window

• 

  News Feed

• 

  Article Summarization

• 

  About

• 

  NGOs

• 

  Login Page

• 

  Feedback

Inspiration

EcoPulse was inspired by the lack of a single, engaging platform where people could easily access credible environmental news. Seeing how scattered climate and sustainability information is, I wanted to build something simple, modern, and actionable.

What it does

EcoPulse aggregates real-time environmental news, offers quick category filters, provides eco-tips, includes an NGO directory, and features an AI-powered chatbot for questions and summaries. It aims to make environmental awareness easy and engaging.

How we built it

The platform was built using React and Vite for the frontend, Tailwind CSS for styling, Firebase for authentication and database features, and The Guardian API for news. Gemini AI powers the chatbot and article summarization.

Challenges we ran into

We faced issues with API rate limits, performance optimization, responsive UI alignment, and managing authentication flows.

Accomplishments that we're proud of

We successfully built a fast, clean, AI-enhanced platform with real-time news, smooth filtering, user feedback, and a polished UI.

What we learned

We learned how to integrate APIs, manage authentication, optimize performance, structure React components, and build an accessible, user-centered interface.

What's next for EcoPulse - Environmental Awareness Platform

Next steps include adding more news sources, improving AI recommendations, enabling user profiles, and creating community-driven environmental discussions.

Built With

• css
• firebase
• firebase-cloud-firestore
• gemini-api
• github
• html
• javascript
• netlify
• node.js
• react
• tailwind
• the-guardian-open-api
• vite