🎓 SIH Internal Hackathon: SikshaSetu Learning Dashboard

🌟 Overview

This repository, SikshaSetu-Internal, is developed for the SIH Internal Hackathon. It presents a user-friendly learning dashboard designed for both students and teachers. The dashboard helps instructors manage educational resources and enables real-time tracking of student progress. We've followed essential UX principles to ensure a smooth and effective experience for all users.

📜 Problem Statement

Background: Instructors often have educational materials in various formats—PDFs, Word documents, videos, and hyperlinks to academic literature. The input (like publication records) can be provided as a .bibtex file, but it's preferable to use Excel sheets for managing resources.

Goal: To create a dashboard where instructors can build structured learning paths with multiple resources and monitor student progress in real time, all while providing useful insights into reading statistics and learning outcomes.

🛠️ Features

1. 📊 Learning Dashboard:

   • Shows key metrics like:
     • 📖 Reading time for specific topics
     • ⏱️ Total completion time for skills
   • Visualizes student progress through different learning paths.

2. 👩‍🏫 Instructor Tools:

   • Resource Management:
     • Upload resources like PDFs, Word docs, and videos.
     • Add hyperlinks to relevant academic content.
   • Learning Path Creation:
     • Easily create structured learning paths with mixed media.

3. 📈 Real-Time Progress Tracking:

   • Track students' progress with live updates.
   • Monitor time spent on each resource or skill.
   • View completion rates and identify areas for improvement.

🚀 Technologies Used

• Next.js: For building the frontend and routing with React.
• Firebase: For user authentication and real-time database management.
• Tailwind CSS: For responsive and visually appealing designs.

🔑 Key Features

1. ⚡ Responsive Dashboard:

   • Designed for both students and instructors.
   • Optimized across devices using Tailwind CSS.

2. 📂 Easy Resource Management:

   • Instructors can upload learning materials in different formats.
   • Supports hyperlinks and various file types.

3. 🔐 User Authentication:

   • Secure login and user management through Firebase.

4. 📊 Real-Time Analytics:

   • Monitor student activity in real time.
   • Visualize student progress and help instructors refine learning paths.

👨‍💻 Demo Setup

We’ve built the demo with:

• Frontend: Next.js for scalability and performance.
• Backend: Firebase for real-time data and secure authentication.
• Styling: Tailwind CSS for sleek, responsive designs.

🔮 Future Enhancements

• 📝 Support for additional formats like Excel and .bibtex.
• 📈 Detailed analytics for student performance and instructor feedback.
• 🤖 AI-powered personalized learning recommendations.

---

This dashboard addresses core educational challenges, offering better resource management, real-time tracking, and a seamless learning experience for students and instructors alike! 🎉