EchoSphere was inspired by the growing gap between reality and public perception. While humanity has made incredible progress in areas like climate action, poverty reduction, and global health, these positive developments are often buried beneath negative headlines. Drawing from my experiences in past projects like Whatthefilm and AetherAI, I wanted to create a platform that combats misinformation by highlighting real-world progress in an engaging and interactive way.

EchoSphere is a web app that informs users about positive global trends through dynamic stories, data visualizations, and interactive quizzes. Users can explore key facts, participate in awareness challenges, and earn points for engaging with verified content, making learning both fun and memorable.

The project was built using React.js for a smooth and intuitive frontend, paired with Node.js and Express to manage data flow and backend logic. I integrated APIs from trusted sources like Canary Media and Our World in Data to deliver real-time insights. Drawing from my experience in CS50x and various fintech projects, I structured the app to ensure fast performance, clear data visualization, and a seamless user experience.

One of the biggest challenges was ensuring the app was both informative and engaging. Finding the right balance between meaningful content and user engagement took multiple iterations. Integrating real-time data from multiple APIs while maintaining performance was another hurdle, especially when dealing with large datasets. Deploying the app also presented unexpected challenges — configuring the backend to handle API calls efficiently, managing environment variables securely, and ensuring the app scaled properly under different loads required extensive troubleshooting. Optimizing deployment to ensure smooth performance without excessive server costs was a key learning experience.

I’m proud of creating a platform that turns learning into an enjoyable experience while addressing the issue of misinformation. Successfully combining education, gamification, and user engagement was a key achievement. Overcoming technical challenges like API integration, deployment hurdles, and refining the UI/UX to feel intuitive was also a rewarding experience.

This project strengthened my skills in building scalable web apps, handling dynamic data sources, and improving user engagement through gamification. I also learned valuable lessons about deployment best practices, managing server resources, and ensuring data security in a live environment.

Moving forward, I plan to expand EchoSphere by incorporating more data sources, adding personalized content recommendations, and developing a social feature that encourages users to share positive trends with their communities. The goal is to make EchoSphere a go-to platform for learning about global progress in a way that inspires curiosity, hope, and action.

• Frontend: React.js for building an interactive and intuitive user interface
• Backend: Node.js with Express for efficient server-side logic and API handling
• APIs: Integrated data from trusted sources like Canary Media and Our World in Data for real-time insights
• Database: MongoDB for managing user data, progress tracking, and quiz results
• Cloud Services: Deployed using Vercel for the frontend and Render for the backend to ensure scalability and smooth performance
• Authentication: Implemented Firebase Authentication for secure user sign-in and personalized experiences
• Other Tools: Used Chart.js for dynamic data visualization and Axios for seamless API requests