https://github.com/code-beaker/music-player-app-vite-code-beaker

A simple music-playing website | Challenge from iCodeThis
https://github.com/code-beaker/music-player-app-vite-code-beaker

css html icodethis-challenge javascript music-player-app scss

Last synced: about 1 month ago
JSON representation

A simple music-playing website | Challenge from iCodeThis

• Host: GitHub
• URL: https://github.com/code-beaker/music-player-app-vite-code-beaker
• Owner: Code-Beaker
• Created: 2024-07-15T09:54:31.000Z (6 months ago)
• Default Branch: main
• Last Pushed: 2024-07-18T16:32:34.000Z (6 months ago)
• Last Synced: 2024-07-18T16:42:06.363Z (6 months ago)
• Topics: css, html, icodethis-challenge, javascript, music-player-app, scss
• Language: SCSS
• Homepage: https://music-player-app-vite-code-beaker.vercel.app
• Size: 65.4 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Music Player using Vanilla HTML, SCSS and JavaScript

This is a solution to the **Music Player** challenge from [iCodeThis](https://icodethis.com/), coded by Code-Beaker. This is not a functional website and does not make use of any APIs. This is created only for visual interaction.

## Tools and Languages

What I have used to make this website.

### Languages

- HTML

- CSS

- SCSS

- Vanilla JavaScript

### Tools

- [Visual Studio Code](https://code.visualstudio.com)

- [Vite](https://vitejs.dev)

- [Firefox](https://mozilla.org/firefox)

- npm

- git

## Process

Here's how I created this app using Vite and npm.

```bash

npm create vite@latest -- --template vanilla app

cd app/

npm i

npm add sass -D

npm run dev

```

> [!NOTE]

> This project is built using [Vite](https://vitejs.dev). The original repository contains the source files bundled by [Parcel](https://parceljs.org)

**This project is not complete yet. I'm trying my best and making it better. Hopefully, it will be finished by the end of this week.**