diff --git a/client/README.md b/client/README.md index d28ff72ce7e9b4d1b5e095d7122dbd4b0b0fe44b..c391b5222afb9911856dba1a50b4f1d58806c550 100644 --- a/client/README.md +++ b/client/README.md @@ -1,22 +1,22 @@ # Airline Booking System client -## How to develop the UI without docker +## How to develop the Client -Make sure you have node installed (e.g. version v20.11.0 which was used to create this). +Make sure you have docker (latest) and node installed (e.g. node version v20.11.0 which was used to create this). 1. Install vite globally via `npm install -g vite` -2. Navigate to the client directory -3. Run `npm install` -4. Run `npm run dev` -5. Make changes -6. Go to http://localhost:8080/ to see the changes - -## How to run the UI alone via docker - -Note: this does not run the microservices. -Make sure you have docker installed. - -1. Navigate to the client directory -2. Run `docker build . -t "airline-client"` -3. Run `docker run -p 8080:8080 airline-client` -4. Go to http://localhost:8080/ to view \ No newline at end of file +2. Comment out the client from the docker-compose file: +```yml + # client: + # build: + # context: ./client + # image: client:${IMAGE_TAG} + # ports: + # - "${CLIENT_PORT}:4200" +``` +3. Run `docker compose up -d --build` +4. Navigate to the client directory +5. Run `npm install` +6. Run `npm run dev` +7. Go to http://localhost:4200/ to view the app +8. Make changes save the files and refresh the page \ No newline at end of file