Skip to content

Latest commit

 

History

History
35 lines (30 loc) · 1.39 KB

README.md

File metadata and controls

35 lines (30 loc) · 1.39 KB

Try testing a live demo of the app!

https://js-mastery.netlify.app/

An accumulation of projects for me to practice JavaScript, HTML, CSS.

The goal here is to focus on creating components with JavaScript functionality and to implement good-looking designs that are responsive.

Expanding Cards

  • Created clickable containers
  • Added event listeners to change the active container shown based on status

Github Profile Cards

  • Created a search bar that displays a Github user's profile information
  • Added event listeners to listen to a user's input and used Axios to fetch the data using Github's user API to display the correct info
  • Used media thresholds to make the info mobile friendly

Sticky Nav

  • Created a sticky navbar
  • Added event listeners to change the sizing and colors as the navbar hits a threshold on the scrolling Y axis.

Progress Steps

  • Created a progress bar with current/tracked status
  • Added event listeners to change the progress status when the buttons are clicked