Surf Kernow is our Hackathon static web app that helps surfers in Cornwall quickly find where to surf. Tap a pin on the map to open a modal with live surf conditions (swell height, period, wind) and a wave rating or find your surf with location search call to action button. Users can browse spots in a responsive carousel with background imagery and links to further information.
- Shows some of Cornwall’s top surf spots on a visual map with tappable pins
- Opens a modal with spot name, short description, and surf stats
- Pulls data from Stormglass API
- Provides a clean, mobile friendly carousel of beach cards with images
This project has been deployed using GitHub Pages.
To deploy the site, I navigated to the repository's Settings tab. Scrolled down to the Pages section in the left-hand menu. Under source I selected the main branch and set the root folder (/) as the source. GitHub Pages automatically deployed the webpage and after a few minutes a live site link was available.
You can find the link here: https://verytee.github.io/weather-app/
- Responsive navbar
- Hero Section with header and call to action button.
- Map of Cornwall and clickable pins to find surf conditions at some popular Cornish beaches
- Beginner friendly: Clear, simple rating (Epic/Good/Rideable/Flat)
- Carosel to highlight popular beach locations in Cornwall
- Footer with external social links
- Offline demo: Mock data works without an API key for easy testing
- Built using HTML, CSS and Javascript, and hosted on GitHub Pages
The following wireframes were created during the planning phase of the project. The site is now fully functional and implements the design concepts shown below.
User stories were created for the project at this link: https://github.com/users/verytee/projects/7, however as we worked through were not used. Instead we referred more to the wireframes above.
AI was used to help build Javascript functionality and proved valuable for troubleshooting when the API did not call correctly.
This was the first collaborative project for all of us with challenges when learning to use Git commands, commits, pull requests and resolving merge conflicts. We worked together to resolve issues and worked using pair programming however did find the process slower.
Surf Kernow was created by Dennis Murray, Verity Allison, Amira Val Baker and Freddie Tomlinson.
This project is for educational purposes.