Dashboard-admin

Install

install yarn in both of admin and api path -> it give you a node_modlue

Connect MongoDB

use link in your MongoDB replace it in .env

Start server

use yarn start in both of admin and api path to open the web page

import libraries

• yarn add mongoose bcryptjs jsonwebtoken
• yarn add axois

plot graph use

• nivo https://nivo.rocks
• rechart https://recharts.org/en-US/

Web page

Dashboard

• Number of users -> show in number
• Number of booking -> show in number
• Most popular payment method -> show in progress bar
• Total income range -> show in line chart(use rechart)
• Booking time distribution -> show in bar chart(use rechart)
• Most popular room type -> show in pie chart(use nivo)

Logout

Change color web page

Slide

https://www.canva.com/design/DAFkL3PTNnU/kYNFCWIG33HmMDRbzUIdjA/edit?utm_content=DAFkL3PTNnU&utm_campaign=designshare&utm_medium=link2&utm_source=sharebutton

Dashboard