Our project, PopZone, was inspired by the need to connect people with meaningful, local events that align with their passions and promote accessible education. We realized that while educational and social events happen regularly, many people miss out on them simply due to a lack of awareness or a disconnect between the events and individual interests.
What We Learned Throughout the project, we learned the importance of user-centric design and how personalization enhances user engagement. We also deepened our understanding of algorithms to match events based on location and user preferences, creating a seamless, relevant experience for users.
How We Built It We used a tech stack including React, Node.js, and D3.js to develop an interactive platform. The front end displays event “bubbles” that dynamically adjust in size based on alignment with user interests and proximity, using a weighted recommendation algorithm to calculate relevance. The backend manages user and event data, providing real-time updates on available events.
Challenges We Faced Our biggest challenge was designing an algorithm that accurately balanced multiple factors (like user preferences and distance) to dynamically size event bubbles. Another challenge was handling real-time updates efficiently without compromising performance. These obstacles pushed us to explore innovative solutions and improve our technical skills.
Built With
- d3.js
- express.js
- fetchapi
- json
- next.js
- node.js
Log in or sign up for Devpost to join the conversation.