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.
- Admin Login: login functionality for administrators using the credentials:
- Username:
admin
- Password:
password123
- Username:
- 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.
- 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.
Ensure you have Node.js and npm installed on your machine.
-
Clone the repository: git clone https://github.com/treezycoder/service-app.git
-
Navigate to the project directory: cd services-app
-
Install the dependencies: npm install
-
Running the App npm start
Usage Once the app is running, you can:
- Sign in with the provide username and password
- Add a New Service: Fill out the form and click the "Add Service" button.
- Edit a Service: Click on the edit icon to edit its details, then save the changes.
- Delete a Service: Click the "Delete" button next to the service you want to remove.