My previous website. Uses CSS Animations, CSS Grid, different CSS tricks, and some presentational Javascript. The contact form was developed using PHP Mailer.
Development / Design
A WordPress theme that I started working on, but never finished. It’s just a home page for now. Features some interesting hover effects and an interesting mobile nav. Mostly, this small project provided me a chance to test out using Advanced Custom Fields Blocks in the WordPress Block editor.
A wedding website project that I made for friends who were getting married. It’s a single-page site with some CSS Animations, fade-in effects on scroll, and scroll-to-link effects. The RSVP form was made with PHP Mailer and includes form validation. Also includes a countdown timer.
An early project I made to work on my Javascript and CSS skills. Features 3 different bells, a delay timer, and an interval timer. You can set the time using the arrows. It also features 3 different stylesheets, one of which loads randomly each time you visit or refresh the page.
This is a recreation of the Simon game using HTML, CSS, & Javascript. Goes up to 20 turns, has an on/off button, strict mode, and displays how many rounds you’ve gone through.
A Javascript calculator that performs basic arithmetic calculations. Also has AC (All Clear) and CE (Cancel Entry) buttons. Uses CSS Grid to lay out the buttons.
On each button click, makes a call to a random quote API and updates the front-end. Each time the quote is updated, the color palette is randomly changed to one of a few different options. Also allows you to post the quote to Twitter.
Choose to play as X or O against the computer. You should only be able to draw or lose.
Makes a call to the MediaWiki Web API and returns the first 10 results. Also allows you to view a random article.
Pomodoro timer that allows you to customize the pomodoro time and the break time. Has a bell that sounds at the end of a pomodoro or break. Time passing is also animated inside the tomato.
Includes some simulated data from a Twitch API call and lists out the users from the data set. You can sort by “All”, “Online”, and “Offline”. You can also search using the search bar.