Musicose

Musicose is an Audio Product company that sells Audio products on website like Earbuds, Speaker, Earphone, Bluetooth Headphone. And we made a partnership with the Smartwatch brand so watches are also present on our website.

Credentials to access Smartwatch admin panel

Email: tony@gmail.com

Password: tony

tony can see only watches in his admin panel and he can edit and delete the product from the website or database, he has no access to changes in audio products of musicose,

But musicose owner has access to edit and delete audio products as well as watch products from the database, because he is the owner of the website, he can make changes anytime on any products

The admin option will be visible only to the admin user, for normal users admin option will not be visible, so the user can not visit the admin panel or admin side

Admin can also use a website like normal user uses he can also put o order from the website

Deployed link of project

• Musicose

Team Members

• Akshay Kadu
• Revati Junghare
• Preeti bildani
• Aakarsh Patel

Deployment

create a folder first

clone the repository

For Frontend terminal perform:

  npm install
  npm start
  Then you are able to see the app running on your browser

For Backend terminal perform:

  cd backend
  npm install
  npm run server
  Then your server will run port 'that you will add in your .env file with monogo atlas url'

TO SEE THE ADMIN PANEL YOU MUST NEED TO LOGIN AS ADMIN

🛠 Tech Stack

• React
• Redux
• Javascript
• HTML
• CSS
• Chakra UI
• NodeJS
• ExpressJS
• MongoDB
• Mongoose
• jwt

Functionality

• Login/Signup
• Authentication
• Authorization
• Admin panel Navbar
• Implemented Admin panel which include all products which we can edit and delete
• Add product page
• Implemented Users page will show the all registered user in musicose website
• User Detail page
• Filter product with different categories link speraker, earbuds, headphone
• Sorting price of product high to low and low to high and also added sorting of product name
• Cart page to buy products at a time with calculating the price of all products
• adding ,removing updating product from Cart functionality

Website flow for User

• Home page

• Login to app

• Admin for add item to the app

• Products page for diffeerent categories

• Product detail on single Product page

• Adding product to cart

• Remove or increase quantity of product

• checkout page for payment

Website Presentation :

User side

before login Navbar

after loggedin Navbar with admin user

after loggedin Navbar with normal user

Admin side

admin panel Navbar conver into black Navbar

Thank you note

Thank you all who is giving precious time to visit our little creative project which is made with lot of efforts.

_{- Readme file designed by Akshay Kadu -}