Coding Projects

React Dictionary App

HTML・CSS・JSX・Bootstrap・API・React

The goal of this project was to create a dictionary app using React. Dictionary API (word search) and Pexels API (image search) were integrated to provide defintions, examples, synomyns, and images when a word was searched.

React Weather App

HTML・CSS・JSX・API・Bootstrap・React

This project is based off the original vanilla JS weather app. This version uses React and integrates OpenWeatherMap API to search for the current weather conditions and the 5 day forecast for any city.

Vanilla JS Weather App

HTML・CSS・JS・Bootstrap・API

The goal of this project was to create a weather app. This app integrates OpenWeatherMap API to search for the current weather conditions and for the 5-day forecast for any city. Additionally, the background changes as weather conditions change.

Sweet Granadilla Webpage

HTML・CSS・JS

This is my first coding project. The goal was to create a simple, static landing page about sweet granadilla, a tropical fruit. JavaScript was used to ask for the user's name and email.

Coding Portfolio

HTML・CSS・Bootstrap

This is my coding portfolio website. I learned alot about responsive web design and the importance of SEO.