QTify is an immersive music browsing web application that I meticulously designed, bringing the Figma concept to life. This engaging platform features a meticulously crafted UI, including a captivating Navbar and Hero Section. The application seamlessly integrates various functionalities, such as displaying top albums, implementing a collapsible card grid to carousel transition, and introducing a genre-based song filter.
- Live Demo: QTify
- API Endpoint: QTify API
- Figma Design: Figma - QTify
- Project Components: Project Components
- Top Albums Display: The application fetches and showcases top albums dynamically from the provided API endpoint.
- Collapsible Card Grid: A dynamic card grid seamlessly transitions into a carousel for an enhanced user experience.
- Genre-Based Song Filtering: Users can filter songs based on genres, adding a personalized touch to their music exploration.
- Frontend: Crafted with attention to detail, the frontend ensures a visually appealing and user-friendly interface.
- Backend: Utilizes the provided API endpoint to fetch and display top albums dynamically.
To run QTify locally, follow these steps:
- Clone the repository:
git clone https://github.com/RutikKulkarni/QTify.git - Navigate to the project directory:
cd [project-directory] - Install dependencies:
npm install - Start the application:
npm start
Note: Ensure that you have the necessary dependencies and a stable internet connection to run the application successfully.