Overview

The web application allows users to explore Revenue & Profit Chart data in a user-friendly interface.

This React component integrates Chart.js to create a line chart representing revenue data over a period and a doughnut chart representing revenue growth and also done ui according to the given Figma design.

Features

• Fetches revenue data from an API endpoint using Axios.
• Calculates and displays the revenue growth percentage.
• Utilizes the Chart.js library for creating interactive charts.
• Responsive design with adjustable options.
• used backend to sort data and make api for downsampling data.

Steps to run our project

• Clone the repository.
• Run the command npm install in both the frontend and backend folders.
• Run the command npm run dev in the backend folder.
• Run the command npm start in the frontend folder on localhost:3000.

Tech-Stack

• For Frontend:-

  • HTML5
  • CSS3  - JavaScript
  • ReactJS

• For Backend:-

  • NodeJS
  • ExpressJS

• For deploy database:-

  • Render

• For Styling:-

  • MaterialUi

• For live Project: -

  • Vercel

Package.json (Dependency)