allangpio/JS-practice-projects

💻 JS- Practice Projects

Table of Contents

• About
• Projects
  • 01 - Quote Generator
  • 02 - Infinite Scroll
  • 03 - Picture in Picture
  • 04 - Joke Generator
  • 05 - Theme Switcher
  • 06 - Animation on Scroll
  • 07 - Animated Navigation
  • 08 - Music Player

About

This repo contains the projects created for the JavaScript Web Projects course that i'm currently taking.

Live demo

Those are projects to practice some JS application on the Front-End like.

🚧 Under construction 🚧

This repo contains 7 of the 20 projects of the course.

---

Quote Generator

Features

• Getting random quotes from the [Forismatic API](https://forismatic.com/en/)
• Button to share quote on Twitter

Infinite Scroll

Features

• Getting random photos from the [Unsplash API](https://unsplash.com/developers)
• Load more photos before the user reach the bottom of the website

Picture in Picture

Features

• Get media from the user
• Allow Picture-in-picture mode

Joke Generator

Features

• Get a random joke from the [JokeAPI](https://sv443.net/jokeapi/v2/)
• Pass the joke to the [VoiceRSS API](http://www.voicerss.org/) to generate a text to speech audio
• Play the audio from a random joke when user clicks the button

Theme Switcher

Features

• A theme switcher (Light/Dark mode) for a generic landing page

Animation on Scroll

Features

• Animations on scroll on a generic landing page using the AOS lib

Animated Navigation

Features

• An animated navigation menu

Music Player

Features

• Navigate through track by clicking the progress bar
• Play, pause, previous and next song
• Cumtom styles for the player controls

Autor

---

_{Allan Gaia Pio}

Made by Allan Gaia Pio 👋🏽 Get in touch!