Treeline

A website that filters campsites based on locations with detailed information about each individual site

Comment

Treeline

Inspiration

The summer after my high school graduation, a few close friends and I set out on an epic road trip across the Western United States. During this time we found it difficult to find campsites due to the quick nature of us traveling from destination to destination. As a result of this, I decided to find a solution that would deliver campsites based on current location and/ or desired locations to better serve campers. It wasn't long before this idea manifested into what it is today, a deployable and working first version for what seemed to be an unsolvable problem.

What it does

Version 1.0 is capable of filtering through campsites across the U.S based on a users's inputed location. Users are also able to add specific campsite to their profile, create a user account to save and edit their favorited sites.

How we built it

We built Treeline on top of the Flask development framework in Python. We designed our mockups and prototype using Adobe XD before committing to code. We had separate team members collaborating on the back end and front end development respectively to maximize efficiency that would in the end tie into each other, resulting in a fully functional version one.

Challenges we ran into

The most data-rich API we could find for campsite information provided responses in XML format. Figuring out how to parse data from this format slowed us down quite a bit early on. In addition, our front end team developers had some difficulty translating the mockup from XD to HTML and CSS.

Accomplishments that we're proud of

  • Imported and parsed data from very different (and often unreliable) API's
  • Created a UI/UX system fully implemented on a usable website
  • Collaborating effectively as a team

What we learned

We learned a lot form each other during the course of this project due to our very diverse backgrounds, skills, and experiences. Some of the highlights include:

  • Developing web applications using the Flask framework
  • Managing Ajax requests across servers
  • Several API's to pull in data from disparate sources
  • How to deploy an application for others to use (Heroku is the best!)
  • Integrating git with our development workflow
  • Uniting the flexibility of jinja templates with the customizability of raw html/css

What's next for Treeline

We are excited about what comes next for Treeline! First up on our roadmap is mobile-optimization and eventually a native mobile app. Additionally, we hope to enable our user's to make their reservations right from the website/app as well as filter through diverse filters to pinpoint the perfect destination for their weekend, road trip adventure.

Built With

Share this project:

Updates