StudentHUB is a web application built with React JS designed to help students and lecturers manage courses, and interact with various dashboard features.
-
🔐 Login and Authentication
Secure login system that allows users (students and lecturers) to access the portal. -
📚 Courses Page
A page dedicated to displaying and managing available courses. -
👩🏫 Lecturers Page
A page that lists lecturers, their profiles, and associated courses. -
👨🎓 Student Page
A page that lists student, their profiles, and detail. -
📊 Dashboard with Interactive Widgets
A personalized dashboard displaying key metrics such as total courses, total lecturers, total students, using interactive widgets.
- React JS — A JavaScript library for building user interfaces.
- React Router — For handling navigation between different pages of the application.
- Context API / Redux (if used) — State management for user data, authentication status, and global states.
- Tailwind CSS — For styling the application.
Follow these steps to get your project up and running locally:
-
Clone the repository:
git clone https://github.com/your-username/web-mhs.git cd web-mhs -
Install dependencies frontend:
cd frontend npm install -
Install dependencies frontend:
ccd .. cd backend npm install -
Run the application:
cd .. cd frontend npm run dev cd .. cd backend node index.js
To use the StudentHUB application, follow these steps after installation:
- Open your browser and navigate to
http://localhost:3000. - Log in using your credentials.
- Explore the dashboard and manage courses.
Contributions are welcome! Please follow these steps to contribute:
- Fork the repository.
- Create a new branch (
git checkout -b feature/AmazingFeature). - Make your changes and commit them (
git commit -m 'Add some AmazingFeature'). - Push to the branch (
git push origin feature/AmazingFeature). - Open a pull request.
This project is licensed under the MIT License - see the LICENSE file for details.