Skip to content

Latest commit

 

History

History
51 lines (36 loc) · 1.92 KB

README.md

File metadata and controls

51 lines (36 loc) · 1.92 KB

Service App

Overview

The Service App is a simple modern React web application designed for managing and displaying healthcare services. It allows users, particularly admins, to add, edit, and delete services effortlessly. The app employs a clean, responsive design utilizing Tailwind CSS for styling, offering a personalized theme for logged-in admins.

Features

  • Admin Login: login functionality for administrators using the credentials:
    • Username: admin
    • Password: password123
  • Service Management: Add, edit, and delete healthcare services with ease.
  • Global State Management: Utilizes React Context to manage the global state across the app.
  • Local State Management: Employs useState for managing local component states.
  • Responsive Design: The app adapts well to different screen sizes for accessibility.
  • Personalized Theme: Admins who are logged in experience a customized theme.

Technologies Used

  • React: Frontend library for building user interfaces.
  • Tailwind CSS: Utility-first CSS framework for modern styling.
  • React Context API: For global state management.
  • React Hooks: Including useState for handling local state.

Getting Started

Prerequisites

Ensure you have Node.js and npm installed on your machine.

Installation

  1. Clone the repository: git clone https://github.com/treezycoder/service-app.git

  2. Navigate to the project directory: cd services-app

  3. Install the dependencies: npm install

  4. Running the App npm start

Usage

Usage Once the app is running, you can:

  1. Sign in with the provide username and password
  2. Add a New Service: Fill out the form and click the "Add Service" button.
  3. Edit a Service: Click on the edit icon to edit its details, then save the changes.
  4. Delete a Service: Click the "Delete" button next to the service you want to remove.