Repository navigation
🏥 St. Ann's Multi-Specialty Hospital Website v1.0.0
Initial Release
Welcome to the official launch of St. Ann's Multi-Specialty Hospital's modern, responsive website! This comprehensive Vue.js Single Page Application showcases 72 years of healthcare excellence since 1954.
✨ Key Features
🏗️ Modern Architecture
- Vue 3 + TypeScript: Built with the latest Vue.js framework for optimal performance
- Vite: Lightning-fast build tool and development server
- Vue Router: Seamless client-side navigation
- Component-based: Modular, reusable components for maintainability
📱 Responsive Design
- Mobile-first responsive layout
- Optimized for all devices (desktop, tablet, mobile)
- Touch-friendly navigation
- Fast loading times
Rich Content Management
- Data-driven architecture: All content managed through JSON files
- Easy updates: No code changes needed for content updates
- SEO optimized: Search engine friendly structure
Hospital Information
About St. Ann's Hospital
- Founded: 1954 (72 years of service)
- Capacity: 200-bed multispecialty hospital
- Location: Fathimanagar, Kazipet, Warangal
- Mission: Provide dignified, affordable, and compassionate care
Services & Departments
- 🏥 General Medicine & Surgery
- �� Obstetrics & Gynaecology
- 👧 Pediatrics
- �� Orthopedics
- 🧠 Neurology
- ❤️ Cardiology
- 🎗️ Oncology (with LINAC radiation therapy)
- �� Emergency Medicine (24x7)
- 🏥 ICU/NICU
- 🔬 Laboratory Services
- 🏃 Physiotherapy & Rehabilitation
📄 Website Pages
Core Pages
- 🏠 Home: Hero slider, features, about section, services overview
- ℹ️ About Us: Hospital overview, our story, vision & mission, services & infrastructure
- 👨⚕️ Doctors: Complete doctor profiles with 15+ specialists
- 🏥 Departments: Detailed department information
- 🖼️ Gallery: Interactive photo gallery with filtering
- 📞 Contact: Hospital contact information and location
Interactive Features
- 🔍 Search Functionality: Site-wide search capability
- 📱 Mobile Navigation: Responsive mobile menu
- ��️ Image Gallery: Filterable photo gallery with lightbox
- 📋 Doctor Profiles: Individual doctor detail pages
- �� Department Details: Comprehensive department information
🛠️ Technical Features
Performance
- ⚡ Fast Loading: Optimized assets and lazy loading
- 📱 Mobile Optimized: Touch-friendly interface
- 🔍 SEO Ready: Search engine optimized structure
Content Management
- 📊 JSON Data Files: Easy content updates without code changes
- 🎨 Dynamic Navigation: Automatically generated menus
- �� Blog System: News and article management
- 👥 Testimonials: Patient testimonial system
Social Media Integration
- 📱 Instagram: Direct link to hospital's Instagram
- �� Social Links: Conditional display of active social media
- 📧 Contact Integration: Easy contact methods
Deployment
- GitHub Pages: Automated deployment via GitHub Actions
- Custom Domain: Configured for production deployment
- Static Build: Optimized for fast loading
- SPA Routing: Proper handling of client-side routing
📁 Project Structure
src/
├── components/ # Reusable Vue components
│ ├── layout/ # Header, Footer, Navigation
│ └── common/ # UI components
├── data/ # JSON content files
├── views/ # Page components
├── router/ # Navigation configuration
└── assets/ # Images and static files
Target Audience
- Patients: Easy access to hospital information and services
- Families: Doctor profiles and department information
- Community: Hospital news and updates
- Healthcare Professionals: Detailed service information
Development
Built With
- Vue 3 + TypeScript
- Vite
- Vue Router
- Pinia (State Management)
- GSAP (Animations)
- Swiper.js (Sliders)
- Fancybox (Lightbox)
Browser Support
- Chrome (latest)
- Firefox (latest)
- Safari (latest)
- Edge (latest)
Contact Information
- Address: H. No: 24-7-7/3 & 24-7-4/1, Fathimanagar, Kazipet, Hamumakonda – 506004
- Phone: +91 8019815639, +91 8008426690
- Email: stannshospitalwarangal@yahoo.co.in
- Hours: 24x7 - All Days
- Instagram: @st.anns_hospital
🎉 What's Next
This initial release provides a solid foundation for the hospital's digital presence. Future updates will include:
- Online appointment booking
- Patient portal integration
- Real-time updates
- Enhanced mobile features
Built with ❤️ for St. Ann's Multi-Specialty Hospital
Serving the community with compassionate care since 1954