Projects
100 Days of CSS Challenge
This is a daily challenge provided by 100 Days of CSS, where developers strive to recreate designs using mainly HTML, CSS, and sometimes a bit of JavaScript. These challenges are helping me to learn more advanced CSS concepts that will come in handy in my frontend work. As I create the projects, I am adding them to a React site that I have built in order to display them. This is an ongoing project that I contribute to a little bit each week, so be sure to check out my progress checklist in the ReadMe of the repo!
Portfolio 2.0
Beginning to build my next portfolio website using React, Javascript, and Tailwind. Playing with video backgrounds, animations, and color effects. So far I have custom-built a navbar and useResponsive Hook, and may continue to custom-build components or may find pre-built components to add as well. This is an ongoing project.
React Weather App
An updated version of my first frontend Weather App using the same technologies, but with the addition of React and npm libraries. Search for a city to see weather data provided by SheCodes Weather API and Axios geolocation. Celsius/Fahrenheit conversion available on the current temperature. As with the previous weather app, this project is styled with Bootstrap 5 and deployed using Netlify.
Weather App
This weather app uses the SheCodes Weather API as well as Axios geolocation to provide current weather data for any city. Press "current" to see the weather in your own city. Current temperature humidity, and wind are provided, as well as a six-day forecast with high/low temperatures and weather icons. This app is a frontend app styled with Bootstrap 5 and deployed using Netlify.
Wandershare
A full CRUD applicaiton using Python/Flask, Wandershare is a travel blog that allows users to upload photos, post descriptions, and rate travel destinations. Users may also delete or edit their posts, as well as view posts from other members. All styling was done through custom CSS and JavaScript. This application is not currently deployed.
Croissant App
This app was built to practice multipage frontend applications for the SheCodes Responsive course. It was styled with Bootstrap 5 and deployed using Netlify.