Welcome to CJ-Mixify, a lightweight Spotify player that enhances your music experience! CJ-Mixify provides a minimalistic interface, beautiful visualizations, and seamless integration with the Spotify app.
- 🎵 Display album art and track information.
- 🌟 Intuitive and responsive design.
- Search album art and track information.
For a comprehensive understanding of CJ-Mixify, including insights into its tech stack and development process, we’ve authored an article on LinkedIn. You can access it through the following links;
Unleashing Melody: The journey of CJ-Mixify
git clone
https://github.com/Jonahjohnzon/CJ-Mixify.git
npm install or
yarn install
Front-End
- Setting up our Environment:
- We verify that node.js and npm are installed on our computer, and then proceed to create a React project using vite.
- Spotify Developer Account:
The session below was executed on CJ-Mixify;
- Sign up for a Spotify developer account if you haven’t already.
- React + Vite Integration:
-
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules. Currently, two official plugins are available:
-
@vitejs/plugin-react uses
Babelfor Fast Refresh. -
@vitejs/plugin-react-swc uses
SWCfor Fast Refresh. -
Talwind CSS for styling.
-
Back-end
-
API Development with Node.js and Express:
- We kickstarted our project by creating a Node.js application (using npm init) and incorporating Express (via npm install express) to handle HTTP requests and construct our API endpoints. Within this framework, we meticulously defined routes for user authentication, playlist retrieval, track searches, and user data management.
-
Database Integration:
- We opted for MongoDB as our database system to manage user profiles, playlists, and track details.
- To run CJ-Mixify locally you'll need:
- yarn OR NPM
- node.js
- Enjoy your favorite Spotify tracks with a delightful visual twist!
Discovered a bug? Have a feature idea? We wholeheartedly encourage contributions! Feel free to create an issue or submit a pull request. Connect with fellow contributors on our Discord server. And, if you find SpotiVibes useful, don’t forget to star ⭐️ the repository or fork it!
- lofi: A tiny Spotify player with WebGL visualizations.
- Spotify-Clone: A Swift-based Spotify clone using UIKit and Spotify WebAPI.
This project is licensed under the MIT License. See the LICENSE file for details.
We collaborated to develop CJ-Mixify for our final project at ALX SE-FOUNDATIONS. The master branch showcases the work my partner and I deployed during our presentation.
-- Peace