Clinic System Angular

This project is a frontend for an application designed to manage a small medical clinic. It is built using Angular and Angular Material. The project can be run locally or deployed to a Kubernetes cluster. The system can be used as a frontend for the following backend project: Clinic System.

Table of Contents

• Clinic System Angular
  • Table of Contents
  • Running project locally
    • Prerequisites
    • Setup
    • Running the Project
  • Deployment to Kubernetes _ Prerequisites _ Setup * Running the Project

Clone the repository and navigate to the project directory

git clone https://github.com/marekkawalski/clinic-system-angular.git &&
cd clinic-system-angular

Running project locally

Prerequisites

• Node.js 20.x or higher
• npm
• Angular CLI 18.x or higher

Setup

1. Install the dependencies

npm i

Running the Project

1. Run the following command to start the application:

ng serve

2. Open the browser and navigate to http://localhost:4200/
3. The application should be running

Deployment to Kubernetes

Prerequisites

• Docker deamon, example: Docker Desktop
• Kubernetes cluster, example: Docker Desktop Kubernetes, Minikube

Setup

1. Add angular app host to the hosts file

sudo echo '127.0.0.1       angular.clinic.system.com'
>> ~/etc/hosts

2. Build the Docker image

docker build . -t clinic-system-angular:0.0.3

3. Deploy the image to the Kubernetes cluster

kubectl apply -f k8s/deployment.yaml

Running the Project

1. Open the browser and navigate to http://angular.clinic.system.com/
2. The application should be running