MERN
FULL STACK
PROJECT
ASSIGNMENT
Visit Our Website
www.zidio.in
[email protected]
Project 1: Excel Analytics Platform
These two MERN (MongoDB, Express.js, React.js, Node.js) stack-based full-stack projects are designed for
students to complete over a 10-week period. Each project is divided into 5-week modules with structured
goals, guidance, and references for development. The purpose is to give hands-on experience with
complete application development using the MERN stack.
Description:
A powerful platform for uploading any Excel file (.xls or .xlsx), analyzing the data, and generating
interactive 2D and 3D charts. Users can select X and Y axes from the column headers of the Excel file,
choose chart types, and generate downloadable graphs. Each user's history of uploads and analysis is saved
and visible on their dashboard. Admin can manage users and data usage. The platform will optionally
integrate AI APIs to provide smart insights or summary reports from the uploaded data
Excel File Upload and Parsing
(using xlsx or SheetJS)
User & Admin Authentication Data Mapping: Allow users to
(JWT based) choose X and Y axes dynamically
Dashboard with upload Key Downloadable Charts
history Features (PNG/PDF)
AI Tools API Integration (optional Simple and modern
for insights or summaries) responsive UI
Graph Generation: Support for
Tech Stack & Tools 2D/3D charts (e.g., bar, line,
pie, scatter, 3D column
Frontend
Backend
React.js
Node.js
Redux Toolkit Express.js
Chart.js week 1 Project setup, user/admin
MongoDB
Three.js Multer (file authentication, dashboard layout.
Tailwind CSS upload)
Development Timeline
SheetJS/xlsx
Optional week 2 File upload setup, Excel parsing
Tools logic, store structured data in
OpenAI MongoDB.
Postman,
or similar API
Git/GitHub, week 3 Chart rendering with Chart.js &
for AI
Cloudinary (if Three.js, allow user to select axes
summaries dynamically.
needed for file
storage)
week 4 Save analysis history, enable
References download feature, integrate AI
API for summaries.
Sheet JS (https://sheetjs.com/)
Chart.js (https://www.chartjs.org/) week 5 Admin panel, testing & bug fixes,
Three.js (https://threejs.org/) deployment (Render for backend,
Netlify for frontend).
YouTube: JavaScript Mastery, Codevolution, Fireship
Sample inspiration app: https://chart-studio.plotly.com/