Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/indiecodermm/songify
A Spotify-clone app built with React Native, Firebase, and the Deezer music API
https://github.com/indiecodermm/songify
expo firebase firestore react-native
Last synced: about 6 hours ago
JSON representation
A Spotify-clone app built with React Native, Firebase, and the Deezer music API
- Host: GitHub
- URL: https://github.com/indiecodermm/songify
- Owner: IndieCoderMM
- License: mit
- Created: 2023-10-13T05:33:11.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2023-10-19T05:51:14.000Z (about 1 year ago)
- Last Synced: 2024-01-29T19:32:31.131Z (12 months ago)
- Topics: expo, firebase, firestore, react-native
- Language: JavaScript
- Homepage:
- Size: 2.76 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
Table of Contents
- [Songify](#songify)
- [Technologies Used](#technologies-used)
- [Features](#features)
- [Development](#development)
- [Getting Started](#getting-started)
- [Future Features](#future-features)
- [Contact](#contact)
- [License](#license)
# Songify
[](https://github.com/indiecodermm/songify)
[](https://github.com/indiecodermm/songify/blob/main/LICENSE)
[](https://github.com/indiecodermm/songify/commits)
**Songify** is a feature-rich Spotify Clone that allows users to play music, search for songs, and create their favorite playlists. Songify is built with React Native and Expo, and utilizes the Deezer API to fetch songs data.
## Technologies Used
- React Native
- Firebase: Authentication and Firestore
- [Expo Router](https://expo.github.io/router/docs): File-based routing for Native apps
- [Expo Auth Session](https://docs.expo.dev/versions/latest/sdk/auth-session/): Auth Provider for Google and Facebook
- [Expo Av](https://docs.expo.dev/versions/latest/sdk/av/): For playing audio
- [RN Async Storage](https://github.com/react-native-async-storage/async-storage): Local storage for user data
- [Pullstate](https://lostpebble.github.io/pullstate/): Lightweight global state management
- [Deezer API](https://rapidapi.com/deezerdevs/api/deezer-1): Fetch songs data
## Features
- Secure user authentication
- Login with Google or Facebook
- Play songs with interactive player
- Search and filter for songs
- Add songs to favorites
- Spotify-like UI
- Intuitive tab navigation
## Development
This app was developed using the latest technologies and best practices. The codebase is highly modularized and organized for easy maintenance and scalability.
Project Structure
With a focus on clean code and maintainability, the project structure is organized into the following folders:
```py
.
├── app/
│ ├── (auth)/ # Authentication screens
│ │ ├── sign-up.js
│ │ └── ...
│ ├── (routes)/ # Main app screens
│ │ ├── home.js
│ │ ├── player.js
│ │ └── ...
│ ├── _layout.js
│ └── index.js
├── assets
├── components/ # Reusable components grouped by page
│ ├── home
│ ├── player
│ └── index.js
├── constants
├── hooks
├── store/ # Global state management
│ ├── auth.js
│ └── player.js
├── styles # Reusable styles
├── utils
├── index.js
└── firebase-config.js
```
## Getting Started
To run this project locally, follow these steps:
1. Clone the repo to your local machine.
```sh
git clone [email protected]:IndieCoderMM/songify.git
```
2. Change into the project directory and install dependencies with:
```sh
npm install
```
3. Create a `.env` file in the root directory and add the following environment variables:
```sh
EXPO_PUBLIC_FIREBASE_API_KEY=
EXPO_PUBLIC_FIREBASE_AUTH_DOMAIN=
EXPO_PUBLIC_FIREBASE_PROJECT_ID=
EXPO_PUBLIC_FIREBASE_STORAGE_BUCKET=
EXPO_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=
EXPO_PUBLIC_FIREBASE_APP_ID=
EXPO_PUBLIC_RAPID_API_KEY=
EXPO_PUBLIC_IOS_CLIENT_ID=
EXPO_PUBLIC_ANDROID_CLIENT_ID=
EXPO_PUBLIC_FACEBOOK_CLIENT_ID=
```
4. Start the Expo server with the following command:
```sh
npx expo start
```
*Expo-CLI will start a server and generate a QR code. You can scan this code to run the app on your mobile device. Alternatively, you can run the app on an emulator.*
## Future Features
The following features are planned for future updates:
- [ ] Create playlists
- [ ] Add songs to playlists
- [ ] Background audio playback
- [ ] Play songs in shuffle/repeat mode
- [ ] Play local songs
## Contact
I am always looking for ways to improve my project. If you have any suggestions or ideas, I would love to hear from you.
[](https://github.com/IndieCoderMM)
[](https://linkedin.com/in/hthantoo)
[](mailto:[email protected])
## License
This project is licensed under the MIT License. See [LICENSE](./LICENSE) for more information.