Outdoor Activities Assistant

What it does

Given a location, this generative AI assistant will give you a list of parks, trails, and outdoor activities to do alongside with a drop down description of each activity.

How we built it

This program consists of an HTML file for the structure and styling, including a form for user input and a list to display results, and a JavaScript file that handles form submission, calls an AI service to get location data, and dynamically updates the DOM to show the results with smooth drop down transitions for additional information.

Challenges we ran into

The main challenges we ran into were integrating and making sure the AI could find and show the right information, formatting the AI responses for better user experience, updating the page smoothly through Git, and designing a user-friendly interface with HTML/CSS.

Accomplishments that we're proud of

We are most proud of our seamless integration of OpenAI, our dynamic content display that allows for enhanced user interaction, and the smoothness and responsiveness of our interface.

What we learned

We learned how to use API keys, operate Github functions, and improve our HTML/CSS skills further. We also learned how to connect HTML/CSS files seamlessly to a Javascript program.

What's next for Outdoor Activities Assistant

In the future, we hope to add image capabilities to our Outdoors Activities Assistant to allow for further detail for users. We also hope to add a geolocation feature to allow for a more personalized user experience.

Built With

• css
• html
• javascript
• openai