Health Navigator is a web-based health portal developed as a college mini project. It helps users access health tips, assessment tools, recent health news, and medical history milestones. The platform also encourages community engagement through health workshops, challenges, and support groups.
This project was collaboratively built by:
- N. Durga Sree
- K. Divya
- C. Kavya
Students of Computer Science and Engineering,
Mohan Babu University
## 📁 Project Structure
WT_project_Mini/
├── Asset/
│ ├── images/ # All static images used across pages
│ └── Styles/ # CSS files for styling (e.g., styles.css)
├── codes/
│ ├── JavaScripts/ # JS scripts for interactivity
│ └── phps/ # PHP backend scripts (e.g., contact form)
├── htmls/ # All HTML web pages (home, news, tools, etc.)
├── README.md # Project documentation (this file)
---
## 🌐 Website Pages Overview
| Page | Description |
|--------------------------|----------------------------------------------|
| `index.html` | Home page with intro, tools, tips, and news |
| `Near_By_Hospital.html` | Lists hospitals nearby |
| `remedies.html` | Natural/medical remedies guide |
| `tools.html` | Health calculators (BMI, BMR, Calories) |
| `facts.html` | Informative health facts |
| `news.html` | Latest health-related news |
| `contactdetails.html` | Contact form for user feedback/support |
| `login.html`, `signup.html` | User authentication pages |
- HTML5 – Structure of web pages
- CSS3 – Styling and animations
- JavaScript – Interactive behavior
- PHP – Backend logic (e.g., contact form handling)
- Google Fonts – Roboto typography
- Clean and modern UI design with responsive layout
- Sections for health news, tips, challenges, tools, and community
- Interactive cards with hover and animation effects
- "Load More" and "Explore History" dynamic sections
- Fixed navigation with clear user paths
- Parallax-style background sections
-
Download or clone the project:
git clone https://github.com/your-username/WT_project_Mini.git
-
Open htmls/index.html in a browser (use Live Server if using VS Code).
-
Ensure all paths are intact:
CSS: ../Asset/Styles/styles.css
Images: ../Asset/images/
JS: from codes/JavaScripts/
PHP files: from codes/phps/
📬 Contact For questions or feedback, contact: 📧 support@healthnavigator.com (demo) 📞 +1 (234) 567-890
This is our first mini project in college, and though it may have its defects and imperfections, it represents a big learning milestone for us.
We truly enjoyed working together as a team — exploring new ideas, learning from mistakes, and building something we're proud to share.
"Every expert was once a beginner — and this is just our beginning!"
📜 License This mini project was developed for academic purposes and is not intended for commercial use.