Bide Educator

Year

2024

Tech & Technique

React, React Router, Ant Design, Redux, REST API Integration, Context API, Agora (Audio/Video call), Tailwind CSS, React Hook Form

Description

Bide Educator is a ReactJS‑based health management platform with two separate portals—for doctors and for patients—enabling appointment scheduling and consultations via audio or video calls. Note: Not officially launched yet.

Demo Login:

Username: educator@merisehat.pk
Password: 0000

Key Features:

🩺 Dual Portals: Separate React apps for educators to manage doctors/patients
📅 Appointment Scheduling: Arrange and confirm appointments seamlessly
🎥 Audio & Video Calls: Users choose preferred consultation mode via Agora
🔐 Secure Auth: Role‑based access control with session management
📱 Responsive UI: Consistent experience across desktop and mobile

My Role

Frontend Engineer
Led the React implementation and UI integration:

🔧 Architected component structure using React Router and Context API
🔗 Integrated REST APIs for user management, scheduling, and call setup
📹 Implemented WebRTC logic for audio/video session initialization
🎨 Styled UI with Tailwind CSS and ensured full responsiveness
🛠️ Conducted code reviews, debugged routing issues, and optimized performance