Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/amankushwaha577/musicon
REACT + REDUX + CONTEXT API + SCSS + MATERIAL-UI + JAVASCRIPT + HTML AND CSS
https://github.com/amankushwaha577/musicon
context-api html-css-javascript javascript material-ui react redux scss
Last synced: about 1 month ago
JSON representation
REACT + REDUX + CONTEXT API + SCSS + MATERIAL-UI + JAVASCRIPT + HTML AND CSS
- Host: GitHub
- URL: https://github.com/amankushwaha577/musicon
- Owner: amankushwaha577
- Created: 2023-08-31T17:49:43.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-07-12T18:05:15.000Z (6 months ago)
- Last Synced: 2024-07-12T20:19:12.639Z (6 months ago)
- Topics: context-api, html-css-javascript, javascript, material-ui, react, redux, scss
- Language: JavaScript
- Homepage: https://musicon-amankushwaha.vercel.app
- Size: 143 MB
- Stars: 6
- Watchers: 1
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# ``` 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](https://user-images.githubusercontent.com/53748350/269063011-f8ceaee5-f6ba-45b6-92fe-755305af2f27.gif)
- ![#f03c15](https://via.placeholder.com/15/f03c15/000000?text=+) `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](https://via.placeholder.com/15/c5f015/000000?text=+) `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](https://via.placeholder.com/15/1589F0/000000?text=+) `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](https://via.placeholder.com/15/f03c15/000000?text=+) `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](https://via.placeholder.com/15/1589F0/000000?text=+) `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](https://via.placeholder.com/15/f03c15/000000?text=+) `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](https://via.placeholder.com/15/1589F0/000000?text=+) `REACT.js`
- ![#1512F8](https://via.placeholder.com/15/1589F0/000000?text=+) `Redux.js`
- ![#c2E010](https://via.placeholder.com/15/c5f015/000000?text=+) `material-ui/core`
- ![#1589F0](https://via.placeholder.com/15/1589F0/000000?text=+) `material-ui/icons`
- ![#f03c15](https://via.placeholder.com/15/f03c15/000000?text=+) `Context API`
- ![#5DF20D](https://via.placeholder.com/15/f03c15/000000?text=+) `SCSS`
## Attribution
[Icons](www.flaticon.com) made by Freepikfrom[Music](https://ncs.io/music) by NCS
Please make sure you fork the repository
License
----
@Copyright MUSICON 2022