Projects

GPT-3 Landing Page

Project picture of gpt3 homepage

React JSX ES6 CSS Figma Github

This project is a landing page for a GPT3 website recreated from a design comp created in Figma. This project adapts to mobile, tablet, and desktop screens.

View GitHub View Live Site

Flight Information Widget

Project picture of a flight information widget

JavaScript ES6 CSS HTML Github

This is a rotating flight information widget that uses JavaScript to update itself with new flight information including the destinations, gate numbers, flight codes, times, and remarks every 5 seconds.

View GitHub View Live Site

Jeopardy

Project picture of a game of jeopardy

JavaScript ES6 CSS HTML Github

This is a game of Jeopardy created using JavaScript, that allows users to choose a category and then a clue, they are then provided with two choices to answer each clue. The theme of the game is 2000's Romantic Comedies.

View GitHub View Live Site

Room Homepage

Project picture of a home decor site

JavaScript ES6 CSS HTML Github

This is a homepage of a home decor/furniture store which features a slide show, which displays more information about the site. Which I created from a design comp that was provided by Frontend Mentor that adapts to mobile and desktop screens.

View GitHub View Live Site

Tetris

Project picture of a game of tetris

JavaScript ES6 CSS HTML Github

This a project that recreates the game Tetris using JavaScript, which allows users to play the game, while tallying up the score and the completed lines.

View GitHub View Live Site

Word Association

Project picture of a game of word association

JavaScript ES6 CSS HTML Github

This is a word association game that was created using JavaScript, which allows users to guess which word is more closely related to the provided words.

View GitHub View Live Site

News Page Landing

Project picture of a  News Page homepage

JavaScript CSS HTML Github

This is a homepage of a news page that features. Which I created from a design comp that was provided by Frontend Mentor that adapts to mobile and desktop screens.

View GitHub View Live Site

Sunnyside Agency Landing

Project picture of a Sunnyside agency landing

JavaScript CSS HTML Github

This is a homepage of a marketing agency named Sunnyside. Which I created from a design comp that was provided by Frontend Mentor that adapts to mobile and desktop screens.

View GitHub View Live Site

Sticky Note App

Project picture of a sticky notes app

React ES6 JSX CodeSandbox

This is a Greenfield project that lets users create sticky notes, that allows users to keep track of their to-do items while keeping the classic sticky note style. Here they can add, delete, and search through their notes.

View CodeSandbox View Live Site

Name Tag Generator

project picture of name tag generator app

React ES6 JSX CodeSandbox

This is a name tag generator that allows users to create bulk name tags using functional components and ES6 modules.

View CodeSandbox View Live Site

GitHub Repo Gallery

 project picture of my github repository gallery

HTML CSS JavaScript GitHub

This project uses my GitHub profile to pull data to create a gallery of my repositories. This allows users to click on my repositories to see more details on them.

View GitHub View Live Site

Guess the Word

project picture of my guess the word game

HTML CSS JavaScript GitHub

This is a game where the player gets to guess a letter in hopes of revealing the hidden word before the guesses run out. (Hint: you only get 8 guesses!)

View GitHub View Live Site

Unplugged Responsive Website

project picture of my unplugged responsive website

HTML CSS JavaScript GitHub Photoshop

This is a three-page responsive website created from a design comp that adapts to mobile, tablet, and desktop screens.

View GitHub View Live Site

Three Column Preview Card Componet

project picture of my three colum preview card

HTML CSS GitHub

This is a three-column preview card that I created from a design comp that adapts to mobile and desktop screens.

View GitHub View Live Site