Projects I've Worked On

COSMABLE

Part of Upright Education's curriculum involves working on a real-world capstone project during the final 4 weeks of the course. Our class was tasked with creating a fully functioning full-stack web application called Cosmable. Cosmable is designed for beauticians and aestheticians in the Chicago metropolitain area to upload and showcase their work. My role in this project involved creating an "Upload from Instagram" feature, so users could upload and save photos directly from their clinics Instagram page. I accomplished this by accessing Instagram's Basic Display API to fetch users posts, by means of a short-lived-access-token.

handleAuth function created to handle Instagram's authentication process via string-interpolated query parameters.

handleRedirect function used after authentication is complete, authorization code exhanged for access token, useEffect hook used to redirect back to our application.

Fetch used to grab user's media using generated access-token, handleSelectedMedia function used to select desired images and store in local-storage.

Weather App

A staple in any developers portfolio. Following my bootcamp, I wanted to solidify the concept of working with API's even further. With my existing knowledge of the React framework, I built this responsive weather app completely from scratch. It was the perfect project to practice fetching data, as well as writting comprehensive functions in Javascript to make my application run. For this project, I implemented OpenWeather's API in order to fetch multiple data points, including real time weather for any city around the world, feels like temp, humidity, wind speed, and even the high/low temperatures for the current day. For fun, I made the background of my application dynamic, displaying blue for colder temperatures, and red for warmer temperatures.

getWeatherData function written for initial fetch. formatForecast and formatCurrentWeather functions written to handle formatting of data coming in.

Simple and Elegant UI design. Data displayed from API that shows current day conditions, button to display weather for current location, toggle for imperial and metric, as well as hourly and weekly forecasts.

tempChange function written show a blue background during cold days, and a red background during warmer days, by means of "if" statements and ternaries.