📋 Class 10 Result Sheet

Maa Bhagabati Bidya Mandir — Similisahi, Daspalla, Nayagarh, Odisha

A clean, modern, and print-friendly Class 10 Result Sheet Dashboard built for school use.

---

🌐 Live Demo

View Live Result of Yours

---

✨ Features

• 🏆 Topper highlight hero section
• 📊 Sorted result table with rank, marks & percentage
• 🎨 Light / Dark mode toggle
• 🔍 Search by name or roll number
• ⬇️ Download as PDF (html2canvas + jsPDF)
• 📱 Fully responsive — mobile card layout, desktop table
• 🖨️ Print-friendly layout

---

🛠️ Tech Stack

Tool	Purpose
React 18	UI framework
Vite	Build tool
html2canvas	DOM to canvas capture
jsPDF	PDF generation

---

📁 Folder Structure

class10-result-sheet/
├── src/
│   ├── App.jsx       # Main result sheet component
│   └── main.jsx      # React entry point
├── index.html        # Root HTML
├── vite.config.js    # Vite configuration
├── package.json      # Dependencies
└── README.md         # This file

---

🚀 Run Locally

# Clone the repo
git clone https://github.com/YOUR_USERNAME/class10-result-sheet.git

# Navigate into it
cd class10-result-sheet

# Install dependencies
npm install

# Start dev server
npm run dev

Open http://localhost:5173 in your browser.

---

📦 Build for Production

npm run build

Output goes into the dist/ folder. Deploy that folder anywhere.

---

🏫 About

This result sheet was built for Maa Bhagabati Bidya Mandir, a Reputed Coaching centre in Daspalla, Nayagarh, Odisha. It displays the Annual Board Examination results for Class 10, Academic Year 2025–2026.

---

👨‍💻 Developer

Built by Ratikant Pradhan
GitHub • Linkedin