Sikafy Music

An online music player, which fetches data from spotify API to generate intelligent custom playlist and music suggestions.

Table of Contents:

• Live preview
• Screenshots
• Tools
• Features
• Installation and Usage
• Contributing
• Credits
• Additional Info
• Contact Info

Live Preview

Learn more about CryptoSika and Preview the Live site.

Screenshots

Tools

• NextJS
• ReactJS
• Typescript
• Recoil for state management.
• Jest for testing
• Spotify API for getting live music data
• Tailwind CSS for Design
• Hero icons
• Tailwind scrollbar Hide
• JWT OAUTH2 for authenticating with the API
• NextAuth for site authentication management
• Debounce for debouncing
• Lodash for manipulating arrays efficiently
• Access/Refresh tokens

Features

• Fetch Live music data using the Spotify API
• Play music live and direct on the platform
• Add CSS responsiveness for smaller screen sizes

Installation and Usage

- Get your API keys from Rapid API, create a .env file and use the .env.example file as a guide to set your environment variables.
- npm install
- npm start

Contributing

Pull requests and contributions are welcome. For major changes, please open an issue first to discuss what you would like to change.

Ensure to follow the guidelines and update tests as appropriate.

Credits

All thanks to the Facebook React Team, Redux Team, Rapid API team, and the creators of the awesome tools and packages used.

Additional Info

For an in-depth understanding of REACT or any of the tools used here including questions and collaborations, you can reach out to me.

Contact Info

If you need a professional, personalized and advanced coaching on any technology in the frontend, backend and/or both, you can reach out to me directly for a premium tutoring and mentorship.