Bridging the gap between students, educators, and project opportunities.
EduBridge is a comprehensive ecosystem designed to streamline coordination within academic environments. It empowers students to find project ideas, form teams, and seek professional supervision from Teaching Assistants (TAs), all while providing educators with the tools to manage and track research progress seamlessly.
To create a unified platform that eliminates the administrative friction in graduation projects and research coordination, fostering a culture of collaboration and innovation.
- 📑 Idea Library: Browse and save high-impact project concepts with detailed technology stacks and categorizations.
- 👥 Team Management: Form teams, invite members, and manage roles within a dedicated workspace.
- 👨🏫 TA Supervision: Direct request-to-approval workflow for project mentoring and academic supervision.
- 🔍 Unified Search: Instant filtering across Users, Teams, Ideas, and TAs using a fast, centralized search component.
- 🔔 Real-time Notifications: Custom notification system for team invites, request status updates, and milestones.
- 🤖 AI Support: Integrated Chatbot for instant platform guidance and project assistance.
- 🌗 Dark Mode & Theming: Full glassmorphism UI supporting both light and dark modes with branded aesthetics.
- Frontend: React 19 + React Compiler
- Build Tool: Vite 8
- Language: TypeScript
- Styling: Tailwind CSS v4
- Components: shadcn/ui + Lucide React
- State Management: Zustand
- Animations: Framer Motion
- Routing: React Router 7
- Node.js (v20 or higher)
- npm or pnpm
-
Clone the repository:
git clone https://github.com/LoaiWael/EduBridge.git cd EduBridge -
Install dependencies:
npm install
-
Start the development server:
npm run dev
-
Build for production:
npm run build
src/
├── assets/ # Static images, icons, and SVG illustrations
├── components/ # Reusable global UI components (Search, NavBar, etc.)
│ └── ui/ # base shadcn primitives
├── data/ # Mock JSON data for users, teams, and ideas
├── features/ # Feature-based module organization
│ ├── auth/ # Login, Register, Session management
│ ├── ideas/ # Library browsing and detail views
│ ├── profile/ # User profile and settings
│ ├── teams/ # Team creation and member management
│ ├── supervision/ # Request handling for TAs
│ └── notifications/
├── layouts/ # Layout wrappers (Root, WithoutNav)
├── pages/ # High-level route components
├── router/ # React Router configuration and guards
└── store/ # Global Zustand store definitions
We welcome contributions! If you have ideas for features or find bugs, please:
- Fork the repo.
- Create your feature branch (
git checkout -b feature/AmazingFeature). - Commit your changes (
git commit -m 'Add some AmazingFeature'). - Push to the branch (
git push origin feature/AmazingFeature). - Open a Pull Request.
This project is private and intended for educational purposes at Mansoura University.
Developed with ❤️ by Loai Wael