🎓 CampusHive – Frontend
CampusHive is a fully functional ed-tech platform built using the MERN stack, designed to enable users to create, consume, and rate educational content. This repository contains the frontend code of CampusHive.
📌 Project Description
The frontend is the client-side interface of CampusHive, used by students, instructors, and admins. It offers an intuitive and responsive UI designed in Figma and developed with ReactJS, Tailwind CSS, and Redux for state management.
🖼️ Pages Overview 👨🎓 For Students
Homepage – Platform introduction with navigation to courses and account details
Course List – Explore all courses with descriptions and ratings
Wishlist – View saved courses
Cart Checkout – Purchase selected courses
Course Content – Access enrolled course materials (videos, resources)
User Details – View account information (name, email)
Edit Profile – Update student account details
👩🏫 For Instructors
Dashboard – Overview of published courses, ratings, and feedback
Insights – Analytics on course engagement and performance
Course Management – Create, update, delete courses; manage content and pricing
Profile Management – View and update instructor profile
👩💼 For Admin (Future Scope)
Admin Dashboard – Platform overview (students, instructors, courses)
Platform Insights – Global statistics: revenue, users, engagement
Instructor Management – Manage instructor profiles, ratings, and content
User Management – Handle student data and course access
⚙️ Tech Stack Tech Purpose ReactJS Core frontend framework Tailwind CSS Utility-first styling Redux State management Axios API communication React Router Page navigation NPM Packages UI & UX enhancements VSCode Development environment 🚀 Features
Fully responsive design
Intuitive course browsing and checkout
Real-time interaction with backend APIs
Smooth user experience for both students and instructors
Modular and scalable component structure
🔮 Future Enhancements
Role-based dashboards
Admin feature implementation
Dark mode toggle
Progressive Web App (PWA) support
📧 Contact
Developed by Devansh Dobhal Email: devanshdobhal983@gmail.com