Skip to content

REACT + REDUX + CONTEXT API + SCSS + MATERIAL-UI + JAVASCRIPT + HTML AND CSS

Notifications You must be signed in to change notification settings

amankushwaha577/MusicON

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

30 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

MusicOn

In my music app project, I've created a fantastic music experience for everyone. Think of it like a magical music world on your computer or phone. You can easily explore different parts of this world, like your favorite playlists, artists, and albums, thanks to the smooth navigation I've set up.

gif

  • #f03c15 React-redux: For managing the app's state and ensuring that all components play together harmoniously, you've employed react-redux. This library acts as the conductor, orchestrating data flow and updates across your app. It helps keep track of the user's selected songs, playlists, and preferences, providing a cohesive user experience.

  • #c5f015 React.js: At the heart of this project is React.js, a powerful JavaScript library for building user interfaces. With React, you're creating the foundation of your music app, allowing you to compose interactive and dynamic components.

  • #1589F0 React-router: To provide seamless navigation within your music app, you've incorporated react-router. It acts as the guide, ensuring users can effortlessly switch between different sections, such as playlists, artists, and albums, just like moving between pages in a music catalog..

  • #f03c15 Material-ui/core: To enhance the visual appeal of your music app, you've chosen material-ui/core. This library offers a rich collection of pre-designed UI components and styles, like a set of finely tuned musical instruments ready to be played. It ensures your app looks polished and professional while maintaining a consistent design language.

  • #1589F0 Context API: You've harnessed the power of the Context API to create a seamless and interconnected experience. Like the invisible threads of a musical composition, the Context API allows you to share data and settings efficiently across various components of your app. This ensures that users' preferences and settings are maintained consistently.

  • #f03c15 SCSS: For fine-tuning the visual aesthetics of your music app, you've utilized SCSS. This dynamic stylesheet language is akin to composing a unique visual score, allowing you to customize the app's colors, fonts, and styles precisely according to your creative vision. It ensures your music app stands out with a distinct and captivating design.


LANGUAGES, FRAMEWORKS, LIBRARY AND DATABASE

  • #BE0DF2 REACT.js
  • #1512F8 Redux.js
  • #c2E010 material-ui/core
  • #1589F0 material-ui/icons
  • #f03c15 Context API
  • #5DF20D SCSS

Attribution

Icons made by Freepikfrom

Music by NCS

Please make sure you fork the repository


License

@Copyright MUSICON 2022