Live Demo: https://first-med-hospitals-u268.vercel.app/
FirstMed Hospitals provides premium, elegant, and trusted healthcare services with world-class facilities and expert doctors.
- Modern & Responsive Design: Built with Tailwind CSS for a seamless experience across all devices.
- Smooth Animations: Powered by Framer Motion for elegant transitions and micro-interactions.
- Form Validation: Robust form handling with React Hook Form and Zod.
- Routing: Seamless client-side routing using React Router v6.
- Backend Integration: Configured with Firebase for backend services.
- Frontend Framework: React 18
- Build Tool: Vite
- Language: TypeScript
- Styling: Tailwind CSS
- Animations: Framer Motion
- Routing: React Router
- Icons: Lucide React
- Forms & Validation: React Hook Form + Zod
- Backend: Firebase
- Node.js (v18 or higher recommended)
- npm or yarn
- Clone the repository:
git clone <your-github-repo-url>
- Navigate into the project directory:
cd FirstMed - Install the dependencies:
npm install
To start the development server, run:
npm run devThis will start the application locally using Vite. Open your browser and visit http://localhost:5173 (or the port specified in your console).
To build the application for production, run:
npm run buildThis command will type-check the project and build it into the dist folder.
To preview the production build locally:
npm run previewsrc/
├── components/ # Reusable UI components
├── contexts/ # React Context providers for global state
├── data/ # Static data files or mock data
├── lib/ # Utility functions and library configurations
├── pages/ # Route components representing pages
├── App.tsx # Main application component with routing
├── index.css # Global styles and Tailwind configuration
└── main.tsx # Application entry point
This project is licensed under the MIT License.