Custom Audio Player
Create beautiful UI to play music stored in the music folder using the HTML5 audio API
Exchange Rate Calculator
Select countries to get the exchange rate for a specific amount
Fortune Calculator
Project to teach high order array methods and DOM manipulation
Expense Tracker
Keep track of income and expenses. Add and remove items and save to local storage
Form (Validation)
Simple client side form validation. Check requird, length, email and password match
Signup Form (Validation)
Simple client side form validation. Check requird, length, email and password match
NASA Astronomy Picture of the Day
NASA Astronomy Picture of the Day
relaxer
A relaxing breathing app with a visual director to tell you when to breathe in, hold and breathe out
Hangman
Select a letter to figure out a hidden word in a set amount of chances
Breakout
Game where you control a paddle with the arrow keys to bounce a ball up to break bricks. This app uses the HTML5 canvas element and API
Speak Number Guessing
Number guessing game where you speak your guess into the microphone using the speech recognition API
Rock Paper Scissors Lizard Spock
Game where you control a paddle with the arrow keys to bounce a ball up to break bricks. This app uses the HTML5 canvas element and API
Movie Seat Booking
Display movie choices and seats in a theater to select from in order to purchase tickets
Infinite Scroll Posts
Display blog posts from https://jsonplaceholder.typicode.com and add infinite scroll to fetch posts and also add filter box
Lyrics Search
Find songs, artists and lyrics using the https://lyrics.ovh API
Infinite Scroll Images
Infinite scroll images from Unsplash and add filter box
Memory Cards
Flash card app for learning. Display, add and remove memory cards with questions and answers
Richest People
Display a scrambled list that can be sorted with drag and drop
Meal Finder
Search and generate random meals from the www.themealdb.com API
Speech Text Reader
A text to speech app for non-verbal people. Pre-made buttons and custom text speech. This project uses the Web Speech API
Joke Teller
Joke Teller app using Joke API and Text to Speech API
New York Countdown
Landing page that counts down from the current date to the next new year
Custom Countdown
Custom countdown that counts down from current date to a specific date
Custom Video Player
Custom video player using the HTML5 video element and it's JavaScript API with a custom design
Picture in Picture
Picture in Picture video player using the HTML5 video element and it's JavaScript API with a custom design
Remote Video Player
Remote video player using the HTML5 video element and it's JavaScript API with a custom design
Card (w. Content Placeholder)
Card with content placeholder
Menu Slide & Modal Landing Page
Simple landing page with sliding menu and modal
Animated Tailwind Landing Page Template
Animated Tailwind Landing Page Template
Light Dark Mode Portfolio
Light Dark Mode Portfolio with a simple switch
Button (Base)
Base button component, used for all button types.
Pill (Round)
Pill component for displaying pills of data such as numbered steps.
Pill (Round - Active)
Pill component for displaying pills of data such as numbered steps in active state.
Book List
Book list component for displaying a list of books.
Cops and Robbers (Board Game)
Cops and Robbers (Board Game)
Accordion (CSS Only)
Accordion component for displaying collapsible content.
Sprit Screen Hero
A split screen hero with a background image and a text overlay.
Layout: Reel (primitive)
Reel primitive is a layout that allows for horizontal scrolling of content, similar to a carousel or slider.
Layout: Stack (primitive)
Stack primitive is a layout that stacks elements on top of each other, allowing for overlapping content.
Layout: Switcher (primitive)
Switcher primitive is a layout that allows for switching between different content views, typically used for tabbed interfaces.
Resume page w/ Timeline
Resume page w/ Timeline that shows experience and education in a timeline format