https://github.com/srikantaich/summerfrontend
The Hospital Management System is a React web app for managing hospital data. It offers features to view, add, edit, and delete hospital details with a user-friendly interface.
https://github.com/srikantaich/summerfrontend
ant-design css html5 javascript javascript-es6 javascript-project react-components react-hooks react-router react-router-dom reactjs
Last synced: 3 months ago
JSON representation
The Hospital Management System is a React web app for managing hospital data. It offers features to view, add, edit, and delete hospital details with a user-friendly interface.
- Host: GitHub
- URL: https://github.com/srikantaich/summerfrontend
- Owner: SrikantAich
- License: mit
- Created: 2024-07-24T10:34:14.000Z (almost 2 years ago)
- Default Branch: master
- Last Pushed: 2024-08-03T22:23:46.000Z (almost 2 years ago)
- Last Synced: 2025-03-06T17:49:17.570Z (over 1 year ago)
- Topics: ant-design, css, html5, javascript, javascript-es6, javascript-project, react-components, react-hooks, react-router, react-router-dom, reactjs
- Language: JavaScript
- Homepage: https://summerpep.srikant.tech/
- Size: 6.61 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Hospital Management System
Welcome to the **Hospital Management System**, a React-based web application designed to manage hospital information. This app allows users to view, add, edit, and delete hospital details with an intuitive interface provided by Ant Design components.
## Table of Contents
- [Features](#features)
- [Installation](#installation)
- [Usage](#usage)
- [Components](#components)
- [Styling](#styling)
- [License](#license)
- [Contact](#contact)
## Features
- **Home:** Displays a comprehensive list of hospitals.
- **Add Hospital:** A form for adding new hospitals to the system.
- **Delete Hospital:** An interface for removing hospitals from the list.
- **Edit Hospital:** Allows updating of hospital details.
- **Hospital Details:** Provides a detailed view of selected hospital information.
## Installation
To get started with this project:
1. **Clone the repository:**
```bash
git clone https://github.com/SrikantAich/SummerFrontEnd.git
```
2. **Navigate to the project directory:**
```bash
cd SummerFrontEnd
```
3. **Install the required dependencies:**
```bash
npm install
```
4. **Start the development server:**
```bash
npm start
```
Your application will be running at [http://localhost:3000](http://localhost:3000).
## Usage
Once the server is running, you can access the following features:
- **Home:** Navigate to view a list of hospitals.
- **Add Hospital:** Use the form to enter new hospital data.
- **Delete Hospital:** Remove hospitals through the Delete interface.
- **Edit Hospital:** Modify existing hospital information via the Edit form.
- **Hospital Details:** View detailed information about a hospital.
## Components
- **Navbar:** Provides navigation links to Home, Add, Delete, Edit, and Details pages.
- **HospitalDetails:** Displays detailed information about the selected hospital.
## Styling
The application uses CSS for styling. Custom styles for the hospital details page are located in `HospitalDetail.css`. Ensure that the CSS rules are correctly applied to maintain visual consistency.
## License
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for more details.
## Contact
For any questions or issues, please reach out to Srikant Kumar Aich at [Srikant.12111982@lpu.in](mailto:Srikant.12111982@lpu.in).