Scribd
Upload
21 views1 page

MERN Stack Live Data Chart App Guide

The document outlines requirements for a web application to display live updating data on interactive charts using the MERN stack. It specifies creating a MongoDB database to store real-time data, building a React front-end, and using a controller to fetch data from the database and render it on charts using React-Chart.js. The application would be evaluated on correct code, good UI, functional charts, and proper use of the MERN technologies.

Uploaded by

Chanchal Agrawal
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
21 views1 page

MERN Stack Live Data Chart App Guide

The document outlines requirements for a web application to display live updating data on interactive charts using the MERN stack. It specifies creating a MongoDB database to store real-time data, building a React front-end, and using a controller to fetch data from the database and render it on charts using React-Chart.js. The application would be evaluated on correct code, good UI, functional charts, and proper use of the MERN technologies.

Uploaded by

Chanchal Agrawal
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd

Task:

 Create a web application that allows users to view live data updates on charts.
 The data should be stored in a real-time database, such as MongoDB.
 The charts should be interactive, so that users can zoom in and out and see the data in different ways.
 The application should be built using the MERN stack (MongoDB, Express, React, and [Link]) and use
typescript.

Instructions:

 Create a new MongoDB database and collection.


 Create a new React application.
 Install the necessary dependencies, such as MongoDB and [Link].
 Create a model for the data that you will be storing in the database.
 Create a controller that will fetch the data from the database and render it on the charts.
 Create a view that will display the charts.
 Deploy the application to a web server. (Optional)

Evaluation:

The application will be evaluated on the following criteria:

 The correctness of the code.


 The quality of the UI.
 The functionality of the charts.
 The use of the MERN stack.

Bonus:

 Add additional features to the application, such as the ability to save the data to a file or export it to a CSV
file.
 Make the application more responsive by using a WebSocket connection to the database.

Wathare Infotech Solutions


Regd. Address: Sneh, Plot No. 38, Pawar Colony, Shahupuri, Satara 415002
Office Address: Plot No. E-3/4, MIDC, Satara 415004
Email ID: info@[Link] I Contact No.: 9423865420

You might also like