Restaurant Dashboard

A Restaurant Dashboard built with Next.js and Tailwind CSS, designed to display key business metrics such as sales, order types, popular items, and more.

Features

• Monthly Sales Chart: A bar chart showing the monthly sales.
• Yearly Sales Chart: A bar chart showing the yearly sales.
• Order Type Distribution: A pie chart representing the different types of orders (dine-in, takeout, delivery).
• Top 5 Most Ordered Items: A chart displaying the five most frequently ordered items.

Tech Stack

• Next.js: React framework for server-side rendering and static site generation.
• Tailwind CSS: Utility-first CSS framework for styling.
• Chart.js: Used for generating charts.
• Vercel: Deployed on Vercel for fast and easy deployment.

Getting Started

You can check out the live version of the app here: Live Demo

Prerequisites

• Node.js (v14 or higher)
• npm or yarn

Running Locally

1. Clone the repository:

   https://github.com/AdithyanKP/Resto-Dashboard.git
   
   

2. Move into the src directory:

   cd Resto-Dashboard/src
   
   

3. Install dependencies:

   npm i
   

4. Start the development server:

   npm run dev
   
   

Open your browser and go to http://localhost:3000 to view the application.