Music app practice for learning React
| Color | Hex |
|---|---|
| DarkMode_bg_Main | |
| LightMode_bg_Main | |
| DarkMode_txt_Main | |
| LightMode_txt_Main |
- Lemon
- Lobster
- Ubuntu
- Montserrat
| Mobile | Mobile |
|---|---|
 |
 |
- Listen to songs on the app
- Light/dark mode toggle
- Responsive Design
- Fullscreen mode
- Music Player
- Search Top Charts
- Selection Music by genre
- Access the song's lyrics
- Access the artist's page
- User-friendly interface and visually pleasing design.
- Access to a vast music library through RapidAPI.
- Streamlined state management with Redux Toolkit.
- Create React App
- TailwindCss
- Redux Toolkit
- Rapid API
- GitHub-Page
- React-Router
- Custom Hooks
- React tooltip
- React Icon
- lazy loading
- Image loading
To run this project, you will need to add the following environment variables to your .env file
API_KEY
REACT_APP_API_KEY_TWO
- Clone the project
https://github.com/aliseyedi01/Music-App-React.git- Go to the project directory
cd Music-App-React- Install dependencies
npm install- Start the server
npm run start