Atla

An interactive map based web app that aims to bring the Calgarian community together by providing a centralized platform to post and view various events with a focus on volunteering.

Comment

Atla: Connecting Communities, Empowering Events

Inspiration

Inspired by the interactivity of platforms like Google Maps, we envisioned a specialized web app. While Google Maps excels at broad-scale mapping, Atla focuses on tailoring the experience for small-scale events, particularly volunteering opportunities.

What it Does

Atla serves as a dynamic hub for coordinators to effortlessly share events in preset categories. Users easily discover nearby events through an intuitive filtering system. Coordinators can have events posted within minutes, fostering community engagement.

How We Built It

Built on Next.js for seamless integration with Vercel, our web app leverages the power of react-leaflet for the interactive map. Tara led front-end development and styling, while Connell handled server-side logic and integration, utilizing Next.js' server-side rendering and JavaScript's fetch API.

Challenges Faced

Despite a challenging start, we overcame hurdles. Integrating react-leaflet with server-side rendering posed unexpected challenges. Exploring Redis KV as an alternative database brought a unique learning curve, requiring mastery of unfamiliar CLI syntax.

Proud Accomplishments

We take pride in seamlessly fetching data from Calgary's Open Data Portal and Redis database, dynamically loading it onto the map and webpage. Overcoming hurdles, including successfully implementing the interactive map, stands out as a significant achievement.

Key Learnings

Our journey with Redis KV deepened our understanding, and embracing React's class-based components enhanced our skill set. Navigating the Vercel deployment environment further enriched our learning experience.

What's Next for Atla

Looking ahead, Atla aims to evolve into a more interactive platform with a dedicated account system. This enhancement will elevate the user experience, transforming Atla from a hub into an integral part of users' event interactions.

Built With

Share this project:

Updates