[go: nahoru, domu]

Skip to content

This is a Mini Ipod App Project which is built using React, CSS, Javascript. It is responsive across all devices.

Notifications You must be signed in to change notification settings

rajeevkrS/iPod-React-App

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

33 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

iP𝐨𝐝 𝐀𝐩𝐩 - 𝐑𝐞𝐚𝐜𝐭𝐉𝐒 🚀

⭐ Introduction

This is a Mini Ipod App Project which is built using React, CSS, Javascript. It is responsive across all devices.


ipod

𝐔𝐬𝐞𝐫 𝐒𝐭𝐨𝐫𝐢𝐞𝐬

  • 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.

🔥 Getting Started With The Project

  • Fork the Project in your Repository.
  • Clone the Forked Repository in your Local System.
  • Run 'npm install'.
  • Run 'npm start'.
  • Enjoy :)

🔨 Tools Used

  • 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

🐦 Follow Me:

LinkedIn

I hope you like the project. Thanks for reading :)

About

This is a Mini Ipod App Project which is built using React, CSS, Javascript. It is responsive across all devices.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published