Skip to content

krapyv/genius-js-application

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🎵 Genius Application (Vanilla JS)

Genius Application is a simple yet nostalgic project built entirely with Vanilla JavaScript — a reminder of how fun (and sometimes painful 😅) it can be to work without frameworks.


Quick tutorial

🧠 What Is It?

This small app was created for one reason only:
👉 To build something from scratch in pure JavaScript and remember how much effort it takes without React, Angular, or Vue.

It connects with the Genius API (or similar) to let users explore music, artists, and songs directly from the browser — no fancy dependencies, just DOM manipulation and classic event handling.


🎮 How It Works

Super simple:

  1. Open the app.
  2. Click on artists or songs that catch your eye.
  3. If you have unique or unusual music tastes — no worries!
    Use the search input to find anything you like.

That’s it. A pure Vanilla JS experience: minimal setup, maximum nostalgia.


⚙️ Tech Stack

  • 🧩 Vanilla JavaScript (ES6+)
  • 🎨 HTML5
  • 💅 CSS3 / Flexbox
  • 🎵 (Optional) Genius API or any open music data source

🚀 Quick Start

# Clone the repo
git clone https://github.com/yourusername/genius-js-app.git

# Open the project folder
cd genius-js-app

# Open index.html in your browser
No build tools, no bundlers — just open it and play!

💡 Features
🔍 Search for your favorite artists or songs

🎧 Click to explore details

⚡ Simple and lightweight (no frameworks, no libraries)

🧠 Great example of Vanilla JS DOM manipulation

🧩 Future Ideas
Add music preview or lyrics section

Integrate with a real Genius API token

Add local storage to remember your last searches

Polish the UI with animations or transitions

👨‍💻 Author
Genius Application in JS — built purely for fun, curiosity, and a bit of self-inflicted pain to remember the old-school days of web development.

Releases

No releases published

Packages

 
 
 

Contributors