This is a Mini Ipod App Project which is built using React, CSS, Javascript. It is responsive across all devices.
- Users should be able to access the features like Now Playing, Music, Games, Settings, etc. in the iPod.
- Users should be able to go back from the particular menu to the main menu on clicking the Menu button and to access the main menu from the home screen using the Menu button.
- Users should be able to go inside the menu by clicking the center button.
- Users should be able to click and hold on the circular menu and move the mouse in a circular fashion inside the menu boundary (white circle is the menu) to navigate in the iPod menu.
- Users should be able to listen to music by selecting “All Songs” inside the Music menu.
- Users should be able to toggle between the themes in settings.
- Users should be able to change the wallpaper of the app in the settings.
- Users should be able to change the wheel color of the app in the settings.
- Main Menu - Now Playing, Music, Games, Settings
- Settings Menu
- Toggle Theme - Changes the theme of the app
- Toggle Wheel Color - Changes the wheel color of the app
- Change Wallpaper - Changes the screen wallpaper
- Music Menu
- All Songs
- Albums
- Artists
- Games Menu
- Centre Button - Acts as ENTER Button
- Menu Button - To move back/forward in the Menu
- Sliding feature of the rotating pad to access the menu.
- Fork the Project in your Repository.
- Clone the Forked Repository in your Local System.
- Run 'npm install'.
- Run 'npm start'.
- Enjoy :)
- Packages:
- firebase
- react
- react-dom
- react-helmet
- react-scripts
- zingtouch
- Library: ReactJS
- Version Control System: Git
- VCS Hosting: GitHub
- Programming / Scripting: JavaScript
- Front-End: HTML, CSS
- Runtime Environment: NodeJS
- Integrated Development Environment: VSCode
I hope you like the project. Thanks for reading :)