This Spotify clone aims to replicate the core functionalities of the popular music streaming platform. It provides users with the ability to browse, search, and play music, all powered by the official Spotify API. The application features a clean and intuitive user interface, built with Styled Components for a modern and responsive design. It also includes user authentication (login/signup) to personalize the experience. π
-
Spotify API Integration: Access and interact with Spotify's vast music library. π΅
-
User Authentication: Secure login and signup functionality. π Users can create accounts, log in, and manage their profiles.
-
Music Playback: Stream and control music playback (play, pause, skip, volume control). β―οΈ
-
Search Functionality: Search for artists, albums, and tracks. π Provides relevant search results based on user input.
-
Browse Music: Explore curated playlists, new releases, and top charts. π§ Discover new music based on genre, mood, or popularity.
-
Responsive Design: Optimized for various screen sizes using Styled Components.π± Ensures a consistent experience across devices.
-
State Management: Efficient state management using Context API and
useReducer
hook. βοΈ Manages application state effectively for smooth user interactions. -
Styled Components: Styling with Styled Components for maintainability and reusability.π Facilitates easy styling and customization of components.
-
Responsive Design: Optimized for various screen sizes using Styled Components.π± Ensures a consistent and enjoyable experience across desktops, tablets, and mobile devices. Utilizes media queries and flexible layouts for adaptability.
-
React JS: Frontend JavaScript library for building user interfaces. βοΈ
-
Styled Components: CSS-in-JS library for styling React components.π
-
Spotify API: API for accessing Spotify's music data and functionalities. π΅
-
Context API &
useReducer
: For state management. βοΈ
# Clone the repository
# Install dependencies
npm install
# Start the development server
npm start