Skip to content

Repository files navigation

FirstMed Hospitals

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.

🚀 Features

  • 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.

🛠️ Tech Stack

📦 Getting Started

Prerequisites

  • Node.js (v18 or higher recommended)
  • npm or yarn

Installation

  1. Clone the repository:
    git clone <your-github-repo-url>
  2. Navigate into the project directory:
    cd FirstMed
  3. Install the dependencies:
    npm install

Development

To start the development server, run:

npm run dev

This will start the application locally using Vite. Open your browser and visit http://localhost:5173 (or the port specified in your console).

Building for Production

To build the application for production, run:

npm run build

This command will type-check the project and build it into the dist folder.

To preview the production build locally:

npm run preview

📁 Project Structure

src/
├── 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

📄 License

This project is licensed under the MIT License.

About

FirstMed Hospitals is an elegant, responsive healthcare platform. Engineered using React 18 and Vite for high performance, styled with Tailwind CSS, and animated with Framer Motion. Includes client-side routing, Zod validation, and Firebase backend services for a complete full-stack experience

Topics

Resources

Stars

Watchers

Forks

Releases

Packages

Contributors

Languages