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/vue-timezone-friends
Timezone app build to display current time of the members from CodeShareGrow.
jmolina518/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.
jmolina518/react-task-tracker
jmolina518/timezone-friends
Solved a time zone problem we were having. We were able to schedule meetings more efficiently by seeing everyone’s time zone.
jmolina518/wabbits-fur-sale
Site created for client who wanted to showcase his Holland Lop bunnies.
jmolina518/github-search-api
A search app that uses the GitHub REST API v3 to fetch GitHub users by name.
jmolina518/seinfeld-quote-generator
Fully responsive Quote Generator that fetches quotes from the Seinfeld Quotes API.
jmolina518/10x10-data
jmolina518/_project_starter_
jmolina518/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
jmolina518/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.
jmolina518/dad-jokes
jmolina518/dice-roll
jmolina518/event-keycodes-app
jmolina518/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.
jmolina518/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.
jmolina518/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.
jmolina518/jmolina518
jmolina518/lottery-app
jmolina518/pokedex-game
jmolina518/progress-steps
Day 2 of #50projects50days. Progress Steps. Created a function that updates the classList of 'active' by adding or removing it depending on which button is pressed (prev or next). This also updates the style to show the progression or regression.
jmolina518/quote-generator
jmolina518/react-meme-generator
jmolina518/readme.so
jmolina518/rotating-navigation
Day 3 of #50projects50days. Rotating Navigation. Added event listeners to add 'show-nav' to a container when the hamburger menu is clicked. This will rotate the container. It also lets the X appear afterwards. When clicked, 'show-nav' is removed.
jmolina518/simplefolio
jmolina518/sound-board
Day 9 of #50projects50days. Sound Bar. This took me back to the 90s. I always wondered how they were made and I have a better understanding now.
jmolina518/split-landing-page
Day 7 of #50projects50days. Split Landing Page. Landing page that showcases the hottest consoles right now. When a div is hovered, it expands to 75% of the width of the window while the other shrinks to the remaining 25%.
jmolina518/video-speed-controller
Day 2⃣8⃣ of #javascript30. Video Speed Controller with a larger slider to easily adjust playback speed. Created event listener to listen to a 'mousemove' event inside the slider.
jmolina518/whack-a-mole
Day 3⃣0⃣ of #javascript30. Made it to the end! This 30 day challenge was fun and very informative. If you are looking to sharpen your JS skills, I definitely recommend this challenge. We created a fun Whack-a-Mole game by adding/removing classes. Link ⬇️