diff --git a/frontend/components.json b/frontend/components.json new file mode 100644 index 0000000..1ac7a42 --- /dev/null +++ b/frontend/components.json @@ -0,0 +1,21 @@ +{ + "$schema": "https://shadcn-vue.com/schema.json", + "style": "new-york", + "typescript": false, + "tailwind": { + "config": "tailwind.config.js", + "css": "src/index.css", + "baseColor": "neutral", + "cssVariables": true, + "prefix": "" + }, + "iconLibrary": "lucide", + "aliases": { + "components": "@/components", + "utils": "@/lib/utils", + "ui": "@/components/ui", + "lib": "@/lib", + "composables": "@/composables" + }, + "registries": {} +} diff --git a/frontend/index.html b/frontend/index.html index b19040a..c228abb 100644 --- a/frontend/index.html +++ b/frontend/index.html @@ -4,6 +4,7 @@ +
- Visit vuejs.org to read the - documentation -
+Game board page content goes here
+ + + diff --git a/frontend/src/pages/GameSelection.vue b/frontend/src/pages/GameSelection.vue new file mode 100644 index 0000000..cbbcdc8 --- /dev/null +++ b/frontend/src/pages/GameSelection.vue @@ -0,0 +1,8 @@ + + + +Game selection page content goes here
+ + + diff --git a/frontend/src/pages/Landing.vue b/frontend/src/pages/Landing.vue new file mode 100644 index 0000000..c146c4f --- /dev/null +++ b/frontend/src/pages/Landing.vue @@ -0,0 +1,65 @@ + + + +The Traditional Portuguese Card Game Online
++ Challenge players from around the world in this classic card game. Master the rules, build your strategy, and climb the leaderboards. +
+Start a new match and test your skills
+Compete globally and see the rankings
+Play anonymously or sign in to compete with others and earn rewards
+LeaderBoards page content goes here
+ + + diff --git a/frontend/src/pages/Login.vue b/frontend/src/pages/Login.vue new file mode 100644 index 0000000..86c8960 --- /dev/null +++ b/frontend/src/pages/Login.vue @@ -0,0 +1,8 @@ + + + +Login page content goes here
+ + + diff --git a/frontend/src/pages/Profile.vue b/frontend/src/pages/Profile.vue new file mode 100644 index 0000000..fbb8b45 --- /dev/null +++ b/frontend/src/pages/Profile.vue @@ -0,0 +1,8 @@ + + + +Profile page content goes here
+ + + diff --git a/frontend/src/pages/Register.vue b/frontend/src/pages/Register.vue new file mode 100644 index 0000000..0755070 --- /dev/null +++ b/frontend/src/pages/Register.vue @@ -0,0 +1,8 @@ + + + +Register page content goes here
+ + + diff --git a/frontend/src/router/index.js b/frontend/src/router/index.js index e1eab52..0777344 100644 --- a/frontend/src/router/index.js +++ b/frontend/src/router/index.js @@ -1,8 +1,51 @@ import { createRouter, createWebHistory } from 'vue-router' +import Landing from '../pages/Landing.vue' +import GameSelection from '../pages/GameSelection.vue' +import GameBoard from '../pages/GameBoard.vue' +import LeaderBoards from '../pages/LeaderBoards.vue' +import Profile from '../pages/Profile.vue' +import Login from '../pages/Login.vue' +import Register from '../pages/Register.vue' const router = createRouter({ history: createWebHistory(import.meta.env.BASE_URL), - routes: [], + routes: [ + { + path: '/', + name: 'Landing', + component: Landing + }, + { + path: '/game-selection', + name: 'GameSelection', + component: GameSelection + }, + { + path: '/game-board', + name: 'GameBoard', + component: GameBoard + }, + { + path: '/leader-boards', + name: 'LeaderBoards', + component: LeaderBoards + }, + { + path: '/profile', + name: 'Profile', + component: Profile + }, + { + path: '/login', + name: 'Login', + component: Login + }, + { + path: '/register', + name: 'Register', + component: Register + } + ], }) export default router diff --git a/frontend/tailwind.config.js b/frontend/tailwind.config.js new file mode 100644 index 0000000..a9180bd --- /dev/null +++ b/frontend/tailwind.config.js @@ -0,0 +1,10 @@ +export default { + content: [ + './index.html', + './src/**/*.{vue,js,ts,jsx,tsx}', + ], + theme: { + extend: {}, + }, + plugins: [], +} diff --git a/frontend/vite.config.js b/frontend/vite.config.js index 4217010..18b461d 100644 --- a/frontend/vite.config.js +++ b/frontend/vite.config.js @@ -3,10 +3,11 @@ import { fileURLToPath, URL } from 'node:url' import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' import vueDevTools from 'vite-plugin-vue-devtools' +import tailwind from '@tailwindcss/vite' -// https://vite.dev/config/ export default defineConfig({ plugins: [ + tailwind(), vue(), vueDevTools(), ],