Welcome to Harmonia, your personalized gateway to the world of music. Explore an extensive collection of songs, artists, and albums using our intuitive app powered by the Genius API. Search by lyrics or track names, discover your favorite artists, and find hidden musical gems with our curated random song generator. Let Harmonia be your companion in uncovering the soul of music, one note at a time.
This project is currently hosted on Vercel. You can access it at harmonia-orpin.vercel.app.
This project was coded based on Figma mockups I have created. The design and layout were meticulously crafted to provide an intuitive and visually appealing user experience.
-
Typescript: A typed superset of JavaScript that enhances the development experience and catches common programming mistakes.
-
React: A popular JavaScript library for building user interfaces.
-
Next.js (App Router): A React framework that allows for server-rendered or statically generated web applications.
-
TailwindCSS: A utility-first CSS framework that makes designing responsive and visually appealing user interfaces a breeze.
-
Search by Lyrics or Track Name: Easily find songs by entering either their lyrics or track names.
-
Explore Artists and Albums: Discover your favorite artists and explore their discography.
-
Random Song Generator: Get introduced to new and exciting music with our curated random song generator.
-
Intuitive User Interface: Harmonia boasts a user-friendly design for seamless navigation and an enjoyable browsing experience.
-
Powered by Genius API: Harness the power of the Genius API to access a vast database of music knowledge.
-
Built with Modern Technologies: Harmonia is developed using TypeScript, React, Next.js (with App Router), and styled with TailwindCSS for a robust and responsive web application.
-
Efficient and Performant: Benefit from the speed and efficiency of Next.js, ensuring a smooth and snappy user experience.
-
Customizable and Extendable: TailwindCSS allows for easy customization and extension of styles to match your preferences or brand.
Follow these instructions to get a copy of the project up and running on your local machine for development and testing purposes.
- Clone the repository:
git clone https://github.com/energywraith/harmonia.git- Install dependencies:
cd harmonia
npm install- Start the development server:
npm run dev- Open your browser and go to http://localhost:3000.
- Genius API: The API that powers Harmonia, providing access to a vast database of music information.
- OpenAI: The organization behind ChatGPT, the language model used to generate content for this readme.