diff --git a/.gitignore b/.gitignore index a19f004..a547bf3 100644 --- a/.gitignore +++ b/.gitignore @@ -1,11 +1,24 @@ -# ---> Vue -# gitignore template for Vue.js projects -# -# Recommended template: Node.gitignore +# Logs +logs +*.log +npm-debug.log* +yarn-debug.log* +yarn-error.log* +pnpm-debug.log* +lerna-debug.log* -# TODO: where does this rule come from? -docs/_book - -# TODO: where does this rule come from? -test/ +node_modules +dist +dist-ssr +*.local +# Editor directories and files +.vscode/* +!.vscode/extensions.json +.idea +.DS_Store +*.suo +*.ntvs* +*.njsproj +*.sln +*.sw? diff --git a/README.md b/README.md index c525d2d..1511959 100644 --- a/README.md +++ b/README.md @@ -1,2 +1,5 @@ -# vue_portfolio +# Vue 3 + Vite +This template should help get you started developing with Vue 3 in Vite. The template uses Vue 3 ` + + diff --git a/package.json b/package.json new file mode 100644 index 0000000..54e2d64 --- /dev/null +++ b/package.json @@ -0,0 +1,24 @@ +{ + "name": "portfolio", + "private": true, + "version": "0.0.0", + "type": "module", + "scripts": { + "dev": "vite", + "build": "vite build", + "preview": "vite preview" + }, + "dependencies": { + "@tailwindcss/vite": "^4.1.11", + "aos": "^2.3.4", + "emailjs-com": "^3.2.0", + "tailwindcss": "^4.1.11", + "vue": "^3.5.18", + "vue-toast-notification": "^3", + "vue3-carousel": "^0.16.0" + }, + "devDependencies": { + "@vitejs/plugin-vue": "^6.0.1", + "vite": "^7.1.2" + } +} diff --git a/public/vite.svg b/public/vite.svg new file mode 100644 index 0000000..e7b8dfb --- /dev/null +++ b/public/vite.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/App.vue b/src/App.vue new file mode 100644 index 0000000..4865c36 --- /dev/null +++ b/src/App.vue @@ -0,0 +1,57 @@ + + + + + diff --git a/src/assets/Lk.jpg b/src/assets/Lk.jpg new file mode 100644 index 0000000..d4e1387 Binary files /dev/null and b/src/assets/Lk.jpg differ diff --git a/src/assets/RestGest.png b/src/assets/RestGest.png new file mode 100644 index 0000000..3dfe64b Binary files /dev/null and b/src/assets/RestGest.png differ diff --git a/src/assets/chat.png b/src/assets/chat.png new file mode 100644 index 0000000..e3336a8 Binary files /dev/null and b/src/assets/chat.png differ diff --git a/src/assets/logo.png b/src/assets/logo.png new file mode 100644 index 0000000..c24ef4f Binary files /dev/null and b/src/assets/logo.png differ diff --git a/src/assets/logo.svg b/src/assets/logo.svg new file mode 100644 index 0000000..798ad7d --- /dev/null +++ b/src/assets/logo.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/profile_image.jpg b/src/assets/profile_image.jpg new file mode 100644 index 0000000..6ebbce1 Binary files /dev/null and b/src/assets/profile_image.jpg differ diff --git a/src/assets/test.jpg b/src/assets/test.jpg new file mode 100644 index 0000000..66e79ff Binary files /dev/null and b/src/assets/test.jpg differ diff --git a/src/assets/velox_bot.png b/src/assets/velox_bot.png new file mode 100644 index 0000000..ffce457 Binary files /dev/null and b/src/assets/velox_bot.png differ diff --git a/src/assets/velox_web.png b/src/assets/velox_web.png new file mode 100644 index 0000000..320d833 Binary files /dev/null and b/src/assets/velox_web.png differ diff --git a/src/assets/vue.svg b/src/assets/vue.svg new file mode 100644 index 0000000..770e9d3 --- /dev/null +++ b/src/assets/vue.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/components/About.vue b/src/components/About.vue new file mode 100644 index 0000000..fb266f7 --- /dev/null +++ b/src/components/About.vue @@ -0,0 +1,114 @@ + + + diff --git a/src/components/BackToTop.vue b/src/components/BackToTop.vue new file mode 100644 index 0000000..9d16cfd --- /dev/null +++ b/src/components/BackToTop.vue @@ -0,0 +1,33 @@ + + diff --git a/src/components/Contact.vue b/src/components/Contact.vue new file mode 100644 index 0000000..67d6225 --- /dev/null +++ b/src/components/Contact.vue @@ -0,0 +1,203 @@ + + diff --git a/src/components/Footer.vue b/src/components/Footer.vue new file mode 100644 index 0000000..f9a1018 --- /dev/null +++ b/src/components/Footer.vue @@ -0,0 +1,12 @@ + diff --git a/src/components/Hero.vue b/src/components/Hero.vue new file mode 100644 index 0000000..22f5efa --- /dev/null +++ b/src/components/Hero.vue @@ -0,0 +1,122 @@ + + + diff --git a/src/components/LoadingSpinner.vue b/src/components/LoadingSpinner.vue new file mode 100644 index 0000000..d057778 --- /dev/null +++ b/src/components/LoadingSpinner.vue @@ -0,0 +1,30 @@ + + diff --git a/src/components/Navbar.vue b/src/components/Navbar.vue new file mode 100644 index 0000000..09fdf45 --- /dev/null +++ b/src/components/Navbar.vue @@ -0,0 +1,80 @@ + + + diff --git a/src/components/Projects.vue b/src/components/Projects.vue new file mode 100644 index 0000000..fbaf219 --- /dev/null +++ b/src/components/Projects.vue @@ -0,0 +1,277 @@ + + diff --git a/src/components/Services.vue b/src/components/Services.vue new file mode 100644 index 0000000..13469f9 --- /dev/null +++ b/src/components/Services.vue @@ -0,0 +1,59 @@ + + + diff --git a/src/components/Skills.vue b/src/components/Skills.vue new file mode 100644 index 0000000..8f540ab --- /dev/null +++ b/src/components/Skills.vue @@ -0,0 +1,104 @@ + + + diff --git a/src/components/Testemonial.vue b/src/components/Testemonial.vue new file mode 100644 index 0000000..24a7cd3 --- /dev/null +++ b/src/components/Testemonial.vue @@ -0,0 +1,110 @@ + + + + diff --git a/src/main.js b/src/main.js new file mode 100644 index 0000000..972cefc --- /dev/null +++ b/src/main.js @@ -0,0 +1,10 @@ +import { createApp } from "vue"; +import "./style.css"; +import App from "./App.vue"; + +import ToastPlugin from "vue-toast-notification"; +// Import one of the available themes +//import 'vue-toast-notification/dist/theme-default.css'; +import "vue-toast-notification/dist/theme-bootstrap.css"; + +createApp(App).use(ToastPlugin).mount("#app"); diff --git a/src/style.css b/src/style.css new file mode 100644 index 0000000..e9f020b --- /dev/null +++ b/src/style.css @@ -0,0 +1,7 @@ +@import "tailwindcss"; + +@theme { + --color-primary: #f59e0b; + --color-secondary: #ec4899; + --font-logo: "Outfit", sans-serif; +} diff --git a/vite.config.js b/vite.config.js new file mode 100644 index 0000000..b9c4c15 --- /dev/null +++ b/vite.config.js @@ -0,0 +1,14 @@ +import { defineConfig } from "vite"; +import { fileURLToPath, URL } from "node:url"; +import vue from "@vitejs/plugin-vue"; +import tailwindcss from "@tailwindcss/vite"; + +// https://vite.dev/config/ +export default defineConfig({ + plugins: [vue(), tailwindcss()], + resolve: { + alias: { + "@": fileURLToPath(new URL("./src", import.meta.url)), + }, + }, +});