summix

Inspiration

As hiking enthusiasts, we shared a common struggle – finding hikes that are actually suitable for us and ones we would personally enjoy. So, the idea came naturally to create something that would be fully personalized to the user, learning preferences to create an ideal hiking experience.

What it does

Our website, Summix, allows hiking enthusiasts to find the best hikes near them quickly and efficiently. The user simply needs to create an account, login, and enter the city and state they live in, and Summix returns a comprehensive list of hikes near them. This list includes the hike’s name, an image of the location, the hike’s rating on Yelp, and how far (in miles) the hike is from the user’s current location.

How we built it

We used Next.js and React for the front end, and then we connected the backend using Flask. We utilized the Yelp and Google Maps API to pull data about different hikes in the users area, their ratings, and the users distance from the hike. We built a welcome page, a login/create an account page, and then a page where users can input their preferences, and then the final page that displays all the hikes near them sorted by rating and a map.

Challenges we ran into

With less web development experience, a major challenge was learning the basics of web development and expanding on our minimal experience. We also realized that our original sources did not have public APIs and had to pivot our idea multiple times. Through the coding process, there were some struggles with collaborative code as updates would not follow through. However, in the end, we were able to take the time to work through our challenges and grow together.

Accomplishments that we're proud of

With minimal experience in Next.js, we had to learn how to develop a frontend. We’re proud of learning how to use Next.js and developing our first web app. This was also our first time using git collaboratively and we were proud of learning the whole push, pull sequence. Overall, we are proud of how much we learned throughout this last day.

What we learned

Going into this Hackathon, the majority of our team had either zero or minimal frontend and Next.js experience. We spent an hour trying to interpret the js and css files and almost gave up. But, after a few hours, we were able to code on Next.js quickly and cleanly. As for the backend, we also had very minimal experience and we learned how to authenticate user’s login pages and use APIs from Yelp to complete the search on our website.

What's next for summix

We envision Summix being an interface that is tailored to each individual user. We want to find a way to rank the difficulty of each of these hikes, and we want to collect data from the user regarding hikes they have completed or will complete after using Summix. Using this data, we’ll give users hike recommendations based on their skill level. Beyond that, we’d like to make this a social platform, where hikers can share their hiking experiences and hiking “level” with their friends on Summix.

Built With

• flask
• google-maps
• javascript
• nextjs
• python
• react
• vercel
• yelp