Pinned Repositories
beer_app
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.
github-search-api
A search app that uses the GitHub REST API v3 to fetch GitHub users by name.
grocery-bud
restaurant-menu
Our Menu App created with React.js
scroll-animation
Day 6 of #50projects50days. Scroll Animation. Used nth-of-type(even) in a "box" class to ease in content from the left while the rest ease in from the right.
seinfeld-quote-generator
Fully responsive Quote Generator that fetches quotes from the Seinfeld Quotes API.
timezone-friends
Solved a time zone problem we were having. We were able to schedule meetings more efficiently by seeing everyone’s time zone.
vue-timezone-friends
Timezone app build to display current time of the members from CodeShareGrow.
wabbits-fur-sale
Site created for client who wanted to showcase his Holland Lop bunnies.
jmolina518's Repositories
jmolina518/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.
jmolina518/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.
jmolina518/ajax-type-ahead
Day6️⃣ of #javascript30. Type Ahead project.
jmolina518/array-cardio
Day 4️⃣ of #javascript30. Array Cardio.
jmolina518/array-cardio-day-two
jmolina518/css-variables
Day 3️⃣ of #javascript30. CSS Variables project.
jmolina518/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. 👇
jmolina518/dev-tools-domination
jmolina518/event-capture
jmolina518/flex-panel-gallery
Day5️⃣ of #javascript30. Flex Panels Image Gallery.
jmolina518/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.
jmolina518/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.
jmolina518/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. 👇
jmolina518/html5-canvas
Day 8️⃣ of #javascript30. HTML5 Canvas.
jmolina518/javascript-array-functions-practice
jmolina518/javascript-css-clock
Day 2️⃣ of #javascript30. CSS Clock project.
jmolina518/javascript-drum-kit
Day 1️⃣ of #javascript30. Drum Kit project.
jmolina518/javascript-reference-vs-copying
Day1⃣4⃣ of #javascript30. Learned about object and array references vs copying them. Used spread operator to make a copy of an array.
jmolina518/key-sequence-detection
Day 1️⃣2️⃣ of #javascript30. There is a secret password on the page below. I'll give you a hint. It's my first name all lower case. Type it on your keyboard and see what happens.
jmolina518/link-highlighter
Day 2⃣2⃣ of #javascript30. Used getBoundingClientRect (never used it before this tutorial) and applied it to the in-line style to highlight the link tags as they are hovered over. Takes into consideration the height and width of the tag.
jmolina518/local-storage
Day1⃣5⃣ of #javascript30. Used local storage to store populated list. Also saved the items state (checked || unchecked) to persist even after page reload. Added 🌮 to show instead of ☑️.
jmolina518/mouse-move-shadow
Day 1️⃣ 6️⃣ of #javascript30. Created function to cast 4️⃣ different shadows from the initial text. The text can also be customized by the user. Used offsetWidth and offsetHeight to create shadow effect.
jmolina518/scrimba-vue-status-check-interactive
jmolina518/slide-in-on-scroll
Day 1️⃣3️⃣ of #javascript30. Created a slide in on scroll effect for images. Used debounce function to have a timeout instead of tracking all the scrolls made on the webpage. Slide in works when scrolling both up and down the page.
jmolina518/sort-without-articles
Day 1⃣7⃣ of #javascript30. Created a function that will trim away "a", "the" and "an" from the beginning of the band name to sort in alphabetical order.
jmolina518/speech-detection
Day 2⃣0⃣ of #javascript30. Today we worked with speech recognition in the browser. Created event listeners to start displaying text at the start and end of the conversation. Also used a keyword to display a word as an emoji instead.
jmolina518/speech-synthesis
Day 2️⃣3️⃣ of #javascript30. We used the built-in voices on our machine to create The Voiceinator 5000. Learned about SpeechSynthesisUtterance but will have to dig deeper into it.
jmolina518/sticky-nav
Day 2️⃣4️⃣ of #javascript30. Built a Sticky Nav that has the logo appear to the left side. This one was a simple tutorial but one that can make your website more pleasing.
jmolina518/vue-cave
jmolina518/webcam-fun
Day 1⃣9⃣ of #javascript30. We were able to add a function to turn on the camera and display it in the browser. Also created functions to have filters (redEffect, rgbSplit and greenScreen). The user is also able to click a button and download the photo to their drive.