jmolina518 Goto Github PK

10x10-data

adding-up-times-with-reduce

Day 1⃣8⃣ of #javascript30. Used Reduce Method to add total duration of videos in a list. Converted node list into an array by using Array.from. Also used Map to turn the array to an array of strings.

ajax-type-ahead

Day6️⃣ of #javascript30. Type Ahead project.

an-api-for-apis

Created with CodeSandbox

array-cardio

Day 4️⃣ of #javascript30. Array Cardio.

array-cardio-day-two

beer_app

blurry-loading

Day 5 of #50projects50days. Blurry Loading. Used a function to load image with an initial blur. As the percentage goes from 0-100%, the image becomes clearer. Function from Stack Overflow: https://stackoverflow.com/questions/10756313/javascript-jquery-map-a-range-of-numbers-to-another-range-of-numbers

bookish-adventure

click-and-drag

Day 2⃣7⃣ of #javascript30. Created a click and drag to scroll through a library. Used several event listeners (mousedown, mouseleave, mouseup and mousemove) to add and remove a classList. Also multiplied the "walk" by 2 to make it scroll smoother.

countdown-timer

Day 2⃣9⃣ of #javascript30. Created a timer with different preset times. Also created a custom form for user to be able to put their own custom time.

css-variables

Day 3️⃣ of #javascript30. CSS Variables project.

custom-video-player

Day 1️⃣ 1️⃣ of #javascript30. We created a custom video player. You can scrub forward and also skip 25 seconds forward and 10 seconds backwards. Volume can be adjust as well as playback speed. This was a very fun build!!! Check it out in the link below. 👇

dad-jokes

dev-tools-domination

dice-roll

drum-kit

event-capture

event-keycodes-app

expanding-cards

Day 1 of 50projects50days. Expanding Cards. Added event listeners to panels so when clicked, they expand revealing the title of the image and collapse the previously expanded panel.

flex-panel-gallery

Day5️⃣ of #javascript30. Flex Panels Image Gallery.

follow-along-dropdown

Day 2️⃣6️⃣ of #javascript30. We recreated the Stripe dropdown nav bar. We created functions to handle entering and exiting the li. As it enters, the dropdown menu appears with a white background. Take a look. Click the link below.

form-wave-animation

Day 8 of #50projects50days. Form Input Wave. Created a function that maps over each letter in the words email and password. The letters perform a wave when the cursor clicks inside the input box.

geolocation-project

Day 2⃣1⃣ of #javascript30. In this episode we did Geolocation based Speedometer and Compass. We used Xcode and used the built in iPhone simulator. Used a location feature that simulated riding around on the freeway and displayed them in KM/H while also rotating the compass.

github-search-api

A search app that uses the GitHub REST API v3 to fetch GitHub users by name.

grocery-bud

hidden-search-widget

Day 4 of #50projects50days. Hidden Search Widget. Created search widget that when clicked it expands and a search bar appears. Added 'click' event listener to run a function to toggle class 'active' on and off.

hold-shift-check-boxes

Day 🔟 of #javascript30. This time around we created a function that is able to ☑️ checkboxes in between two selections while holding down the shift key. Check it out in the link below. 👇

html5-canvas

Day 8️⃣ of #javascript30. HTML5 Canvas.

javascript-array-functions-practice