Composer0

animate-css-demo

Animiated-Countdown

Animated countdown that features a reset button. Runs through '.nums span' node list to create a countdown. CSS translate is used to create rotation effect as the numbers enter into view.

BlogFullstack

Fully Deployed!

medical

Movie-App

Movie App using TMDB API to show a landing page featuring the current most popular movies in addition to having a basic search function.

Music-Maker

Music Maker Project. Project is responsive but is not meant to work on devices smaller than a tablet at this time. For best user experience please use a tablet or PC. (It can still work on a smart phone but animations are limited and sizing in a vertical space is cumbersome.) Project focuses on the use of creating sequences within JavaScript to play sounds in a looped pattern. Tracks are introduced to change the sound of the selected track which are based on the displayed instrument. Piano Player has been introduced into the program and features fully playable keys that can work simultaneously with the Beat Maker. Piano Player functions through linking data.audio to keydowns of keys found in array.

Notes-App

HTML | CSS | JavaScript: First CRUD app. Uses a markdown library. Works with local storage meaning that it only your browser will be able to see the contents of what you write unless you delete your content either through the app or through your browser/hard drive.

Sass-Foundations-Project

Reviewing some CSS concepts and introducing myself to Sass.

Simon-Game

Simon Game developed with hints and stack overflow from Dr. Angela Yu's Bootcamp. Purpose of the project to develop a better understanding of how to write code using jquery. Additionally, the project focuses on producing and interpreting a sequence of inputs while providing the user visual and audio feedback.

SixDegreesApplication

Composer0/Animated-Navigation

Composer0/Auto-Text-Effect

Auto-Text-Effect

Composer0/Background-Slider

Background & Forefront image slider.

Composer0/Blurry-Loading

Blurry Loading Project

Composer0/Button-Ripple-Effect

Button Ripple Effect

Composer0/Content-Placeholder

Loading animation for content displayed on a card. Feature can be used in other applications.

Composer0/Current-CV

Current CV 1.27.2022

Composer0/CV

Composer0/Dad-Jokes

Dad Jokes generator

Composer0/desktop-tutorial

GitHub Desktop tutorial repository

Composer0/Double-Heart-Click

Created a double click script for generating a heart over an image along with an incremental counter to measure how many times the image has been double clicked.

Composer0/Double-Vertical-Slider

Slider buttons that allow image and text to slide in opposite directions.

Composer0/Drag-N-Drop

Simple drag and drop functionality. Will be further expanded for educational music rhythm learning activities.

Composer0/Drawing-App

Drawing App

Composer0/Drink-Water

Filling Cup Project

Composer0/Drum-Kit-Project

Drum Kit Project created through Dr. Angela Yu's bootcamp.

Composer0/Drum-Machine

Drum Machine Draft

Composer0/Event-KeyCode

Event KeyCode Project

Composer0/FAQ-Collapse-Expand

Collapse Expand feature

Composer0/Form-Wave-Animation

Form Wave Animation

Composer0/GitHubProfiles

GitHub profile search bar and card. Searches by profile name.

Composer0/Hidden-Widget

Hidden Widget

Composer0/Increment-Counter

Increment Counter for Social Media. Can be used to demonstrate number of clients helped and how.

Composer0/Kinetic-CSS-Loader

Kinetic Loading animation created with CSS

Composer0/Netflix-Navigation

Sticky Navbar that expands and contracts at a set interval.

Composer0/Random-Dicee

Random Dicee Project

Composer0/Scrolling-Animation

Scrolling Animation Project

Composer0/Sound-Board

Sound Board Player

Composer0/Split-Landing-Page

Split Landing featuring PS5 and XSX

Composer0/Toast-Notification

Toast Notification example with random text and colors values.