Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/boddepallyvenkatesh06/qtify
QTify is an music album website which consists of variety of albums, songs which user can browse.
https://github.com/boddepallyvenkatesh06/qtify
accordion-flexbox conditional-rendering css3 functional-programming hooks material-ui reactjs swipperjs toaster
Last synced: 10 days ago
JSON representation
QTify is an music album website which consists of variety of albums, songs which user can browse.
- Host: GitHub
- URL: https://github.com/boddepallyvenkatesh06/qtify
- Owner: BoddepallyVenkatesh06
- License: mit
- Created: 2023-12-26T15:31:47.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-12-26T15:38:22.000Z (about 1 year ago)
- Last Synced: 2024-12-06T04:17:34.958Z (2 months ago)
- Topics: accordion-flexbox, conditional-rendering, css3, functional-programming, hooks, material-ui, reactjs, swipperjs, toaster
- Language: HTML
- Homepage: https://venky-kumar-qtify.netlify.app/
- Size: 214 KB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# QTify - A Spotify Clone
QTify is a web application that serves as a clone of Spotify, providing users with a platform to discover, listen to, and organize their favorite music.
## Features
- **User Authentication:** Users can create accounts, log in, and maintain personalized profiles.
- **Browse Music:** Explore a vast library of songs, albums, and playlists.
- **Search Functionality:** Easily find your favorite artists, songs, or genres.
- **Create Playlists:** Users can create and manage their playlists with the ability to add and remove songs.
- **Playback Controls:** Play, pause, skip, and control the volume of the music player.
- **Responsive Design:** The application is designed to work seamlessly across various devices.
## Getting Started
Follow these steps to get a copy of the QTify project up and running on your local machine.
### Prerequisites
- Node.js: Make sure you have Node.js installed. You can download it [here](https://nodejs.org/).
### Installation
1. Clone the repository:
```bash
git clone https://github.com/BoddepallyVenkatesh06/qtify.git
```
2. Navigate to the project directory:
```bash
cd qtify
```
3. Install dependencies:
```bash
npm install
```
### Configuration
1. Set up environment variables:
Create a `.env` file in the root directory and configure the following:
```env
REACT_APP_SPOTIFY_API_KEY=your_spotify_api_key
REACT_APP_BASE_API_URL=https://api.spotify.com/v1
REACT_APP_REDIRECT_URI=http://localhost:3000/callback
```
Replace `your_spotify_api_key` with your Spotify API key.
### Running the Application
Start the development server:
```bash
npm start
```
Open your browser and go to [http://localhost:3000](http://localhost:3000) to access Qtify.
## Contributing
If you would like to contribute to Qtify, please follow our [Contribution Guidelines](CONTRIBUTING.md).
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
```
`BoddepallyVenkatesh06` and update the Spotify API key. Additionally, you might want to include information about additional dependencies, deployment instructions, and any other relevant details specific to your project.