nvsmith / epic-playlists

A JavaScript project that demonstrates how to populate a playlist of songs to a webpage.

Home Page:https://nvsmith.github.io/epic-playlists/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Table of Contents
  1. About The Project
  2. Getting Started
  3. Usage
  4. Roadmap
  5. Contributing
  6. License
  7. Contact
  8. Acknowledgments

About The Project

This is a JavaScript webpage project that implements:

  • Callback functions.
  • forEach loops.
  • Creating and appending HTML elements.
  • Click event handlers.
  • Adding and removing CSS classes.

The script allows you to populate playlists of songs to the webpage (from array data), automatically numbered with customized styles in place. It looks simple because all the heavy lifting, which is very scalable, is done behind the scenes.

screenshot1 screenshot2

(back to top)

Built With

  • HTML
  • CSS
  • JavaScript

(back to top)

Getting Started

This web page was crafted with vanilla code. No dependencies here!

Prerequisites

All you need is a browser (to view/interact) and a text editor (to modify).

Installation

  1. Clone this repo and you're all set!

(back to top)

Usage

  • index.html: structure and layout.
  • styles.css: design and aesthetics.
  • script.js: functionality.

(back to top)

Roadmap

There are no plans to implement additional features at this time.

(back to top)

Contributing

This project is for learning/demonstration and is not being actively developed.

(back to top)

License

Distributed under the MIT License.

(back to top)

Contact

Nate: GitHub | Grepper

(back to top)

Acknowledgments

Skillcrush - JavaScript Fundamentals

  • Module 9: Scope
    • Step 6 of 6: Practice Exercises: Scope
    • Exercise #2
  • normalize.css

README Template

(back to top)

About

A JavaScript project that demonstrates how to populate a playlist of songs to a webpage.

https://nvsmith.github.io/epic-playlists/


Languages

Language:CSS 36.0%Language:HTML 33.5%Language:JavaScript 30.5%