feat: create card component with flip effect #4

	name: Build and Deploy to GitHub Pages

	on:
	push:
	branches:
	- master # Trigger this action on push to the `master` branch

	jobs:
	deploy:
	runs-on: ubuntu-latest # Specify the operating system to run the job

	steps:
	# Step 1: Checkout the repository
	- name: Checkout repository
	uses: actions/checkout@v3

	# Step 2: Set up Node.js (using Yarn)
	- name: Set up Node.js
	uses: actions/setup-node@v3
	with:
	node-version: '16' # Specify the Node.js version to use
	cache: 'yarn' # Cache Yarn dependencies

	# Step 3: Install dependencies with Yarn
	- name: Install dependencies
	run: yarn install

	# Step 4: Build the project
	- name: Build the project
	run: yarn build

	# Step 5: Deploy to GitHub Pages (using `gh-pages` package)
	- name: Deploy to GitHub Pages
	uses: JamesIves/github-pages-deploy-action@v4
	with:
	branch: gh-pages # Specify the target branch for deployment
	folder: dist # Folder to deploy (usually `dist` for Vue.js)
	token: ${{ secrets.GITHUB_TOKEN }} # Use the GitHub token for authentication

Provide feedback