Web Developer: Hal Hawkins

Email: hal.hawkins@gmail.com

LinkedIn Facebook Bluesky Github AWS Cloud Practitioner Badge CodePen

Projects arrow

Web Developer: Hal Hawkins

Email: hal.hawkins@gmail.com

LinkedIn Facebook Github CodePen

Projects:

React Leaflet Weather Demo

🢐
VideoPulse Screenshot
🢒

 

 

Leaflet Weather Demo

Built with Vite and TypeScript and powered by Leaflet and Redux Toolkit, this interactive map showcases a full suite of real-time and forecast weather data. On load, the app pulls in OpenStreetMap tiles as its base layer; if you grant location permission, it drops a marker at your current position and smoothly “flies” the map there.

Overlay options include cloud cover, radar imagery (each with an animated timeline control), temperature, air pressure, wind speed/direction, and precipitation. A 24-hour temperature chart and a 7-day general forecast panel slide in from the side for quick glance-ahead planning. Every UI control and data fetch was hand-coded for maximum flexibility and performance, giving you a clean, responsive experience from desktop down to mobile.

Vite Rain Viewer REST API ReactJS Redux Github Geoapify Geocoding Leaflet OpenStreetMap

VideoPulse - Not currently live

 

 

VideoPulse - This was created during 2022 first as a demonstration of a more ambitious, commercial quality application. More consideration was given to UI/UX. I wanted to use ReactJS on a project and this was a good opportunity.

A complete directory of Movies, TV and personnel which will allow users to see trending video, popular TV and movies as well as searching by keywords, actors, etc. Users can maintain lists and click to watch movies directly from the web page.

I have used Laravel for the back-end API services and ReactJS for the front-end. This showcases data integration from The Movie Database, WatchMode, YouTube, as well as regularly imported industry data. Users can be authenticated using an account based on an email address.

Laravel PHP REST API ReactJS YouTube Github TMDB Watchmode