Skip to content

🎨Transforming a Figma design into a React app 🚀. This project creates a hospital admin panel showcasing reserved rooms and room availability. #React #HospitalAdmin

Notifications You must be signed in to change notification settings

maazrehman99/Hospital-Admin-Panel

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Figma to React Conversion Project - Hospital Admin Panel

This project aims to convert a Figma design into a React application that serves as a hospital admin panel. The application provides information about the reserved hospital rooms and the availability of rooms.

Getting Started

To get started with the project, follow the instructions below.

Prerequisites

Make sure you have the following software installed on your system:

  • Node.js (version 18 or higher)
  • npm (Node Package Manager) or yarn

Installation

  1. Clone the project repository from GitHub:

    git clone https://github.com/maazrehman99/Hospital-Admin
  2. Navigate to the project directory:

    cd Hospital-Admin
  3. Install the project dependencies using npm or yarn:

    npm install

    or

    yarn install

Usage

To start the development server and view the application, run the following command:

npm start

or

yarn start

This will start the React development server and open the application in your default web browser.

Responsive Design

The application is built with responsive design in mind, ensuring that it works well on various screen sizes and devices. It adapts its layout and styling to provide an optimal user experience on desktop, tablet, and mobile devices.

Live Link

You can access a live version of the application at Hospital Admin Panel.

Technologies Used

The Figma to React Conversion Project - Hospital Admin Panel utilizes the following technologies:

  • React: A JavaScript library for building user interfaces.
  • HTML/CSS: Used for creating the structure and styling of the application.
  • Figma: A web-based design tool for creating user interfaces.

License

This project is licensed under the MIT License. Please refer to the LICENSE file for more details.

About

🎨Transforming a Figma design into a React app 🚀. This project creates a hospital admin panel showcasing reserved rooms and room availability. #React #HospitalAdmin

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published