Coffee Webpage
My very first coding project! Using HTML, JavaScript, and CSS, I created a webpage all about coffee.
Open ProjectWeather App
I created an application that gets current and future weather information for any city (including your current location)!
Open ProjectPortfolio Template
I created this portfolio with fake content to practice writing HTML and CSS based on a design. This project is responsive.
Open ProjectReact Weather App
I re-designed and re-created my weather app project in React. This project is responsive.
Open ProjectReact Dictionary App
I used two different APIs to create this dictionary app with React.
Open ProjectRock Paper Scissors Game
Using HTML, CSS, and JavaScript, I created a virtual version of Rock, Paper, Scissors. Features animations.
Open ProjectLabrador Puppy Breeder Landing Page
Using HTML and CSS, I created this Labrador Retriever puppy breeder landing page. I used a design provided to me by The Odin Project to practice HTML and CSS. This project features flexbox.
Open ProjectEtch-A-Sketch
Using HTML, CSS, and JavaScript, I created this Etch-A-Sketch. This project involved a lot of DOM manipulation and events. I added a custom grid size feature where the user can select their paintbrush size. Users can also toggle between using black or rainbow paint!
Open ProjectCalculator
I made this calculator using HTML, JavaScript, and CSS. I learned a lot about functions, DOM events, and flexbox. Features include a delete button to delete the last entered character, a clear button to start fresh, and the ability to enter floats.
Open ProjectSign-up Form
I made this responsive sign-up form using HTML, JavaScript, and CSS. The main goal of this project was to practice validating form inputs. Features include a log-in button that switches the form to a log-in form instead of a sign-up form.
Open Project
Admin Dashboard
I made this Admin Dashboard webpage using HTML, JavaScript, and CSS. This project was a great way for me to practice CSS Grid.
Open Project
Library App
I made this Library application using HTML, JavaScript, and CSS. This project was a great way for me to practice functions, advanced CSS selectors, and organizing my JavaScript code. Features include a delete button, a button to toggle whether or not the user has completed the book, and a total page count.
Open Project
Tic-Tac-Toe Game
I made this Tic-Tac-Toe game using HTML, JavaScript, and CSS. My main goal in this project was to structure my JavaScript in factory functions and modules. There's a game board module that returns an object of game board-related functions and a Player factory that returns an object with player-related functions and variables. Working on this project really deepened my knowledge and closure and OOP in JavaScript!
Open Project