Skip to content

A dummy cloud dashboard build with ReactJS mimicking real time updates, stats, multi level search, etc.

Notifications You must be signed in to change notification settings

shalabhtayal/Cloud-Dashboard

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

9 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Cloud Dashboard

Cloud Dashboard is a ReactJS app which has following features :

  • 100% Responsive
  • Has Theme toggle (light / dark)
  • Generates Real time (dummy) data for CPU, Networks, Storage and RAM usage.
  • Generates random notifications of different types which are closable
  • Uses data tables to showcase sort / search / filter of data
  • Showcases different chart options with slight animations

Here are the screenshots :

dashboard

team

calender

geography-chart

Installation

Follow these steps to get the Cloud Dashboard up and running on your local machine:

Prerequisites

  • Node.js and npm should be installed on your system. You can download and install them from here.

Clone the Repository

git clone https://github.com/shalabhtayal/Cloud-Dashboard.git

Navigate to the Directory

cd Cloud-Dashboard

Install Dependencies

npm install

Configure Environment Variables

  1. Create a .env file in the root directory.
  2. Define the required environment variables in the .env file. You can use .env.example as a template.

Start the Application

npm run start

The application should now be running on http://localhost:5000.

Accessing the Dashboard

Open your web browser and navigate to http://localhost:5000 to access the Cloud Dashboard.


The `start` script in the `package.json` file has been configured to run the application on port 5000. Adjust the port number as necessary based on your requirements.

About

A dummy cloud dashboard build with ReactJS mimicking real time updates, stats, multi level search, etc.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages