This project was built with React and my goal was to create a simple dictionary app with multiple features such as definitions, phonetics, examples, and images. This project called for multiple components and to use React States and Loops which further developed my skills in React. As I wanted to include an images feature I added a second API to generate the images related to the searched word. In order to improve user experience I integrated an audio player to make use of the APIs speech example of each word that had been opening up in a new tab.

This project was a recreation of a Vanilla JavaScript project using React. The app provides a worldwide weather forecaster allowing users to search for any city in the world and see the current real-time weather and a 5-day forecast. By using React I was able to make the code more streamlined by using components and states. One of the most challenging aspects of this project was that the forecast feature required data to be sent from the parent component when the city was changed, which required the use of {Use Effect} to run the code after the component has loaded. In order to avoid repetitive code I learned to use the map() function to take care of rendering the daily forecast. I used the npm registry to include animated weather icons which bring the app to life.

This project was a recreation of a template landing page using BootStrap. I made some adjustments to the original template font colour and font size to improve readability and user experience. This recreation involved using a grid design and focusing on the responsive layout, adjusting the images and text depending on the size of the screen. It also included a navbar that changed on scroll, which required some JavaScript, and converted to a hamburger menu on a small screen.

Using Vanilla Javascript I built this Weather app attaining skills using Bootstrap, APIs, Git Version control, and hosting. I also refined my HTML, CSS and Javascript knowledge. The app provides a worldwide weather forecaster allowing users to search for any city in the world and see the current real-time weather and a 5-day forecast. This was my first project integrating an API and I chose the OpenWeatherMap API for its functionality, which allowed me to provide extra information such as weather description, wind speed, and humidity. I also added a current weather feature using the geolocation tools supported in the browser to display the weather for where the user is. Developing the 5-day forecast was the most challenging part of this project as it required a different API call using coordinates and then concatenating the response in the innerhtml for each of the day's forecast. I chose to display the temperature only in celsius as I thought this provided a more streamlined design and was applicable for most of the world.