Update ci.yml #63

	name: CI Workflow

	on:
	push:
	branches: [ "master" ]
	pull_request:
	branches: [ "master" ]
	workflow_dispatch:

	jobs:
	build:
	runs-on: ubuntu-latest
	steps:
	- uses: actions/checkout@v3

	# Define reusable configurations
	- name: Set Docker image name
	id: docker_image_name
	run: echo "migupele/java_school_online_store_frontend"

	# Cache dependencies based on job type
	- uses: actions/cache@v3
	env:
	cache-name: ${{ runner.os }}-build-${{ github.job }}
	with:
	key: ${{ runner.os }}-build-${{ env.cache-name }}-${{ hashFiles('**/package-lock.json') }}
	restore-keys: \|
	${{ runner.os }}-build-${{ env.cache-name }}-
	${{ runner.os }}-build-
	${{ runner.os }}-

	# Build Docker image
	- name: Build Docker image
	run: docker build . --file Dockerfile

	# Login to Docker Hub (assuming same credentials for both jobs)
	- uses: docker/login-action@v3
	with:
	username: ${{ secrets.DOCKER_USERNAME }}
	password: ${{ secrets.DOCKER_TOKEN }}

	# Extract metadata for Docker (consider using docker/metadata-action)
	- name: Extract metadata (tags, labels) for Docker
	id: meta
	uses: docker/metadata-action@v1
	with:
	images: migupele/java_school_online_store_frontend

	# Build and push Docker image
	- uses: docker/build-push-action@v3 # Consider using docker/layer-cache
	with:
	context: .
	file: ./Dockerfile
	push: true
	tags: ${{ steps.meta.outputs.tags }}
	labels: ${{ steps.meta.outputs.labels }}

	# Build and test Angular application
	- name: npm install and npm run CI commands
	run: \|
	npm i
	npm run test
	npm run build

Provide feedback