My projects
Featured projects which showcase my best work
Dictionary App
The end goal of this project was to create a fully functional dictionary app built in React.js. It needed to have seamless word-search functionality and multiple features such as word definition, part of speech, synonyms, phonetic spelling, an audio player and image section.
While building this application, I learned how to integrate multiple APIs, create specific components, use React Loops, and React Use States.
The main challenge was knowing when to create new components, so the application could parse through the different aspects of the complex API and stay true to the Single Responsibility Principle.
To improve, I would change the audio player feature, from opening up in a different tab to playing while the user was still on the application.
Weather App
This is a React project focused on creating a fully functional live app that displays the weather and a 5-day forecast for the searched city.
I divided this project in two phases. The first phase was creating the weather search by integrating the OpenWeatherMap API and returning the real-time, current weather of a chosen city, as well as the weather description, humidity, and wind speed. The main challenge of this phase was deciding when to create different components as to not over complicate their functionality.
The second phase was dedicated to creating the daily forecast by building the layout, styling the feature, and integrating the API with the interface to display the data on the app, making sure it looks good for different scenarios. In this phase, I learned to loop through the numbers array using the JavaScript map() function to take care of rendering the daily forecast for the consecutive dates in order to avoid repetitive code.
To improve, I would build a feature that to display the current day and time of the searched city. This would be a useful feature for users traveling to new destinations or for those with friends/family in other parts of the world.
Tea Project
First project for SheCodes Basics: design a landing page about something we are passionate about. This app was built using HTML, CSS and Vanilla JavaScript as part of the SheCodes Basic workshop. If you want to discover more about one of my passions, please click the "Launch App" button below.
Launch App