EventDash is a dynamic web search page that will help users discover nearby local events based on their radius input. The website also provides driving directions to the user's selected event.
Here are step-by-step instructions for using the EventDash website features.
- Enter a radius in the text box (e.g., 10, 25, etc.) and click the 'Search' button. A list of events will populate below the search bar. Your browser may prompt you to allow location-sharing. Allow the browser to do so.
- Click on the Get Directions button to the right to view driving directions to the selected event. The button will change color if you hover on it with your cursor.
- The map of your geolocation and driving directions for your selected event will appear on the screen.
- To start a new search, enter a new radius in the search bar. You can also click on Get Directions for a different event to view it.
Contact our team at our GitHub profiles for technical assistance.
In addition to HTML, CSS, and JavaScript, we used the following technologies for this website.
Tech | Description |
---|---|
Ticketmaster API | The Ticketmaster Discovery API allows users to search for events, attractions, or venues. |
Bing Maps API | This is a geospatial mapping API. It provides visualization of maps and directions for dynamic web or mobile geolocation services. |
Tailwind CSS | This is an open source, utility-first CSS framework for styling dynamic webpages. |
jQuery | A JavaScript library used for DOM and event handling. |
Font Awesome Provides a collection of free icons and toolkits (you have to make a free account). |
-
View the Google Slides Presentation. ✨
-
Must use at least two server-side APIs
-
Must use a CSS framework other than Bootstrap
-
Must use client-side storage to store persistent data
-
Must have a polished UI
-
Must meet good quality coding standards (indentation, scoping, naming, etc.)
-
Must NOT use alerts, confirms, or prompts (look into modals).
-
Must be deployed to GitHub Pages
-
Must be interactive (i.e. accept and respond to user input.)
- When a user enters their radius in the search bar, the application will populate nearby events in relation to their geolocation.
Developers | GitHub Profile |
---|---|
Bryan Buechler | Bryan-Codes |
Casey Fee | caseyfee |
Christy Hanson | ChristyGHanson |
Terri Mack | terrinmack |
Anastasiya Rylova | anryl050 |