Projects


weather-app-afternoon

Weather App

CSS | HTML | Vanilla JS

A responsive weather forecast app showcasing both current and future conditions for any searchable location.

Displayed data includes: Search location, current geo location, current time, condition, current temperature, feels-like temperature, high/low temperature, wind, humidity, and 7-day forecast.

Weather data provided by openweathermap API and requested by Axios.

Extras: F/C conversion | Background art dependant on current time.

weather-app-morning weather-app-afternoon weather-app-night

Tools | Tech

bootstrap-icon github-icon html-5 icon javascript-icon css-icon responsive-icon

dictionary-app-project

React Dictionary App

CSS | HTML | React

Dictionary app utilizing multiple API integrations, Bootstrap, and React to provide definitions, audio files, use-cases, synonyms, and relative image galleries.

Dictionary data provided by Free Dictionary API, and relative images provided by Pexels API. Requested by Axios.

Extras: Mobile friendly | Interactive neon hover effect | Audio pronunciation files


Tools | Tech

react icon github icon bootstrap icon html-5 icon javascript icon css-icon responsive icon

weather-app-afternoon

React Weather App

CSS | HTML | React

5-day forecast weather app built in React that showcases both current and future conditions for any searchable location.

Follow your favorite astronaut throughout the day as the background art & color change to reflect morning, afternoon, and night.

Displayed data includes: Search location, current time, current conditions, current temperature, feels-like temperature, high/low temperature, wind, humidity, and 5-day forecast.

Weather data provided by openweathermap API and requested by Axios.

Extras: F/C conversion | Animated React icons | Background art dependant on current time.

weather-app-morning weather-app-afternoon weather-app-night

Tools | Tech

react-icon bootstrap-icon github-icon html-5 icon css-icon responsive-icon

hubble landing page project

Hubble Landing Page

CSS | HTML | JavaScript

Built utilizing HTML, CSS and JavaScript, this landing page explores the launch details of the Hubble Space Telescope.

Extras: Mobile friendly | Responsive grids


Tools | Tech

github icon html-5 icon javascript-icon css-icon responsive-icon

Let's Connect

Drop me a line or connect with me on social.