EmpowerNest - (Foo Bar's 5D9T)

Landing Page
World map
Selecting a conflict on the map
Conflict page hero
Conflict page details
Conflict page news
Conflict page chatbot
Conflicts dashboard

Inspiration

The inspiration for EmpowerNest came from a shared desire to foster global awareness and empathy towards conflict-affected regions. We noticed that while many resources exist to inform the public about ongoing conflicts, few provide the tools to engage users in meaningful dialogue and offer actionable insights. Our goal with EmpowerNest is to bridge this gap by creating a platform that not only informs users but also encourages them to contribute towards peace-building efforts.

What it does

EmpowerNest is a comprehensive platform that delivers real-time information about conflicts worldwide, aiming to raise awareness and inspire peaceful dialogue. It provides interactive conflict maps, data-driven insights, and information on casualties and displacement rates. Additionally, EmpowerNest connects users with charitable initiatives supporting affected areas and offers educational resources to provide historical context. The platform includes a discussion forum where users can share perspectives, fostering a global community centered on understanding and empathy.

How we built it

We built EmpowerNest using the following technologies:

Next.js for server-side rendering and dynamic routing.
NextAuth for secure user authentication and seamless login/signup experience.
React and React-Map-GL to display interactive maps and markers for conflict zones.
MongoDB for managing user-generated content, including discussion threads and charitable resources.
Mapbox API for rendering real-time conflict maps with zoomable, interactive markers.
REST API endpoints to fetch and update information on conflicts and allow users to post thoughts and reactions.
NewsAPI integration to fetch relevant news articles about each conflict, providing users with the latest developments.
OpenAI API to create a chatbot that answers users’ questions about conflicts, delivering helpful information on demand.
Framer Motion to add smooth animations, making user interactions more engaging and enhancing the overall platform experience.

Challenges we ran into

One of the main challenges was learning to create the interactive map with Mapbox API and handle dynamic markers, as this was our first experience with such a tool, requiring careful state management to ensure markers displayed correctly for each selected conflict. Integrating NewsAPI to fetch relevant news articles for each conflict and implementing NextAuth for secure user authentication were also new to us; both required configuring authentication and data filtering effectively to provide a seamless user experience. Additionally, implementing animations without impacting performance, especially on hover and interactive elements, added an extra layer of complexity.

Accomplishments that we're proud of

We are particularly proud of:

Implementing an intuitive map interface with detailed conflict information displayed through interactive markers.
Creating a platform where users can contribute to conversations and engage with a global community.
Providing a visually appealing, responsive UI with gradient styling that enhances the user experience.
Successfully integrating NewsAPI to display relevant articles about each conflict, adding real-time context for users.

What we learned

Throughout this project, we learned a great deal about integrating multiple APIs and building an interactive map under a tight deadline. Implementing NextAuth for authentication, NewsAPI for real-time news, and OpenAI API for a chatbot required careful coordination, especially as we worked with Mapbox to create a dynamic and interactive map displaying conflict zones. This process deepened our understanding of backend integration for live content and challenged us to balance functionality with time constraints, ultimately enhancing our skills in developing user-friendly, multi-source applications.

What's next for EmpowerNest

Looking ahead, we plan to expand EmpowerNest with the following features:

User Stories where individuals can share firsthand experiences about how conflicts have affected them, fostering empathy and understanding within the community.
Push notifications for updates on new resources or critical developments in conflict zones.
Localized content to provide language support for a wider audience.
Mobile optimization to make EmpowerNest more accessible for on-the-go users.

With these additions, EmpowerNest aims to become a central platform for fostering global awareness and encouraging positive contributions toward conflict resolution.