🔗 Live Demo: http://16.171.135.186:3000/
HealthHub is a modern healthcare web platform that allows doctors, hospitals, and even freelancers to offer their services online. Built with a clean and accessible UI, the platform is designed especially with older and less tech-savvy users in mind.
I built this front-end from scratch as part of a graduation project, focusing on secure user flows, responsive UI, and modular React architecture.
• Screenshot:
• Doctors & hospitals can publish their medical services
• Freelancers can offer healthcare-related services (e.g., home care, therapy)
• Role-based authentication (doctor/patient)
• Forgot password with email and phone verification
• Mobile-friendly responsive design
• Clean UX designed for real users (especially the elderly)
• Next.js
• Tailwind CSS
• Redux Toolkit
• Axios
• Custom React Hooks
• Hosted on AWS (works smoothly across all devices)
-
Clone the repository:
git clone https://github.com/your-username/healthhub.git
cd healthhub -
Install dependencies:
npm install -
Create a
.env.localfile in the root and add your environment variable:
NEXT_PUBLIC_API_BASE_URL=http://your-api-url.com -
Start the development server:
npm run dev -
Open your browser at:
http://localhost:3000
• /components → Reusable UI components
• /pages → Next.js pages and routing
• /hooks → Custom React hooks
• /store → Redux Toolkit store and slices
• /services → Axios API functions
• /styles → Tailwind config and global styles
Front-end developed by Hossam Basuone
Back-end by teammate (custom API with real database)
If you'd like to collaborate or need a freelance front-end developer, feel free to reach out!