diff --git a/Jesulonimii/Movie App/.gitignore b/Jesulonimii/Movie App/.gitignore new file mode 100644 index 0000000..38adffa --- /dev/null +++ b/Jesulonimii/Movie App/.gitignore @@ -0,0 +1,28 @@ +# Logs +logs +*.log +npm-debug.log* +yarn-debug.log* +yarn-error.log* +pnpm-debug.log* +lerna-debug.log* + +node_modules +.DS_Store +dist +dist-ssr +coverage +*.local + +/cypress/videos/ +/cypress/screenshots/ + +# Editor directories and files +.vscode/* +!.vscode/extensions.json +.idea +*.suo +*.ntvs* +*.njsproj +*.sln +*.sw? diff --git a/Jesulonimii/Movie App/README.md b/Jesulonimii/Movie App/README.md new file mode 100644 index 0000000..8d36f18 --- /dev/null +++ b/Jesulonimii/Movie App/README.md @@ -0,0 +1,17 @@ +# Movie App: CineFlix + +Frontend for movie app made with vue + vite + tailwind css + +### Preview live +https://cine-flix.vercel.app/ + +### Compile and Hot-Reload for Development + +```sh +npm run dev +``` + +### Compile and Minify for Production + +```sh +npm run build diff --git a/Jesulonimii/Movie App/Readme.md b/Jesulonimii/Movie App/Readme.md new file mode 100644 index 0000000..8b13789 --- /dev/null +++ b/Jesulonimii/Movie App/Readme.md @@ -0,0 +1 @@ + diff --git a/Jesulonimii/Movie App/index.html b/Jesulonimii/Movie App/index.html new file mode 100644 index 0000000..d0369e4 --- /dev/null +++ b/Jesulonimii/Movie App/index.html @@ -0,0 +1,19 @@ + + + + + + + CineFlix + + + + + + +
+ + + diff --git a/Jesulonimii/Movie App/package.json b/Jesulonimii/Movie App/package.json new file mode 100644 index 0000000..0fd209e --- /dev/null +++ b/Jesulonimii/Movie App/package.json @@ -0,0 +1,21 @@ +{ + "name": "cineflix", + "version": "0.0.0", + "scripts": { + "dev": "vite", + "build": "vite build", + "preview": "vite preview --port 4173" + }, + "dependencies": { + "swiper": "^8.3.2", + "vue": "^3.2.37", + "vue-router": "^4.1.3" + }, + "devDependencies": { + "@vitejs/plugin-vue": "^3.0.1", + "autoprefixer": "^10.4.8", + "postcss": "^8.4.16", + "tailwindcss": "^3.1.8", + "vite": "^3.0.4" + } +} diff --git a/Jesulonimii/Movie App/postcss.config.js b/Jesulonimii/Movie App/postcss.config.js new file mode 100644 index 0000000..33ad091 --- /dev/null +++ b/Jesulonimii/Movie App/postcss.config.js @@ -0,0 +1,6 @@ +module.exports = { + plugins: { + tailwindcss: {}, + autoprefixer: {}, + }, +} diff --git a/Jesulonimii/Movie App/public/favicon.ico b/Jesulonimii/Movie App/public/favicon.ico new file mode 100644 index 0000000..df36fcf Binary files /dev/null and b/Jesulonimii/Movie App/public/favicon.ico differ diff --git a/Jesulonimii/Movie App/public/img/aos-banner.jpg b/Jesulonimii/Movie App/public/img/aos-banner.jpg new file mode 100644 index 0000000..478848b Binary files /dev/null and b/Jesulonimii/Movie App/public/img/aos-banner.jpg differ diff --git a/Jesulonimii/Movie App/public/img/aos.jpg b/Jesulonimii/Movie App/public/img/aos.jpg new file mode 100644 index 0000000..ab8cc13 Binary files /dev/null and b/Jesulonimii/Movie App/public/img/aos.jpg differ diff --git a/Jesulonimii/Movie App/public/img/batman.jpg b/Jesulonimii/Movie App/public/img/batman.jpg new file mode 100644 index 0000000..8cba552 Binary files /dev/null and b/Jesulonimii/Movie App/public/img/batman.jpg differ diff --git a/Jesulonimii/Movie App/public/img/dsmom.jpg b/Jesulonimii/Movie App/public/img/dsmom.jpg new file mode 100644 index 0000000..2d6ecf5 Binary files /dev/null and b/Jesulonimii/Movie App/public/img/dsmom.jpg differ diff --git a/Jesulonimii/Movie App/public/img/she-hulk-banner.jpg b/Jesulonimii/Movie App/public/img/she-hulk-banner.jpg new file mode 100644 index 0000000..ac1fea6 Binary files /dev/null and b/Jesulonimii/Movie App/public/img/she-hulk-banner.jpg differ diff --git a/Jesulonimii/Movie App/public/img/she-hulk.jpg b/Jesulonimii/Movie App/public/img/she-hulk.jpg new file mode 100644 index 0000000..7d8e1b0 Binary files /dev/null and b/Jesulonimii/Movie App/public/img/she-hulk.jpg differ diff --git a/Jesulonimii/Movie App/public/img/stranger-things.jpg b/Jesulonimii/Movie App/public/img/stranger-things.jpg new file mode 100644 index 0000000..f4d03d0 Binary files /dev/null and b/Jesulonimii/Movie App/public/img/stranger-things.jpg differ diff --git a/Jesulonimii/Movie App/public/img/tgm.jpg b/Jesulonimii/Movie App/public/img/tgm.jpg new file mode 100644 index 0000000..0eb1cab Binary files /dev/null and b/Jesulonimii/Movie App/public/img/tgm.jpg differ diff --git a/Jesulonimii/Movie App/public/img/the-boys.jpg b/Jesulonimii/Movie App/public/img/the-boys.jpg new file mode 100644 index 0000000..630cd91 Binary files /dev/null and b/Jesulonimii/Movie App/public/img/the-boys.jpg differ diff --git a/Jesulonimii/Movie App/public/img/the-gray-man.jpg b/Jesulonimii/Movie App/public/img/the-gray-man.jpg new file mode 100644 index 0000000..28f9893 Binary files /dev/null and b/Jesulonimii/Movie App/public/img/the-gray-man.jpg differ diff --git a/Jesulonimii/Movie App/src/App.vue b/Jesulonimii/Movie App/src/App.vue new file mode 100644 index 0000000..84fd174 --- /dev/null +++ b/Jesulonimii/Movie App/src/App.vue @@ -0,0 +1,33 @@ + + + + + diff --git a/Jesulonimii/Movie App/src/assets/tailwind.css b/Jesulonimii/Movie App/src/assets/tailwind.css new file mode 100644 index 0000000..796882a --- /dev/null +++ b/Jesulonimii/Movie App/src/assets/tailwind.css @@ -0,0 +1,3 @@ +@tailwind base; +@tailwind components; +@tailwind utilities; \ No newline at end of file diff --git a/Jesulonimii/Movie App/src/components/Button.vue b/Jesulonimii/Movie App/src/components/Button.vue new file mode 100644 index 0000000..1590a34 --- /dev/null +++ b/Jesulonimii/Movie App/src/components/Button.vue @@ -0,0 +1,23 @@ + + + diff --git a/Jesulonimii/Movie App/src/components/EmojiChip.vue b/Jesulonimii/Movie App/src/components/EmojiChip.vue new file mode 100644 index 0000000..a390b8a --- /dev/null +++ b/Jesulonimii/Movie App/src/components/EmojiChip.vue @@ -0,0 +1,27 @@ + + + diff --git a/Jesulonimii/Movie App/src/components/FadeButton.vue b/Jesulonimii/Movie App/src/components/FadeButton.vue new file mode 100644 index 0000000..0cac662 --- /dev/null +++ b/Jesulonimii/Movie App/src/components/FadeButton.vue @@ -0,0 +1,24 @@ + + + diff --git a/Jesulonimii/Movie App/src/components/IconButton.vue b/Jesulonimii/Movie App/src/components/IconButton.vue new file mode 100644 index 0000000..a238686 --- /dev/null +++ b/Jesulonimii/Movie App/src/components/IconButton.vue @@ -0,0 +1,23 @@ + + + diff --git a/Jesulonimii/Movie App/src/components/MovieCardSmall.vue b/Jesulonimii/Movie App/src/components/MovieCardSmall.vue new file mode 100644 index 0000000..935bc15 --- /dev/null +++ b/Jesulonimii/Movie App/src/components/MovieCardSmall.vue @@ -0,0 +1,46 @@ + + + diff --git a/Jesulonimii/Movie App/src/components/SideBar.vue b/Jesulonimii/Movie App/src/components/SideBar.vue new file mode 100644 index 0000000..edc57cf --- /dev/null +++ b/Jesulonimii/Movie App/src/components/SideBar.vue @@ -0,0 +1,76 @@ + + + + + diff --git a/Jesulonimii/Movie App/src/components/SideBarItem.vue b/Jesulonimii/Movie App/src/components/SideBarItem.vue new file mode 100644 index 0000000..0662520 --- /dev/null +++ b/Jesulonimii/Movie App/src/components/SideBarItem.vue @@ -0,0 +1,27 @@ + + + \ No newline at end of file diff --git a/Jesulonimii/Movie App/src/main.js b/Jesulonimii/Movie App/src/main.js new file mode 100644 index 0000000..33b88b9 --- /dev/null +++ b/Jesulonimii/Movie App/src/main.js @@ -0,0 +1,10 @@ +import { createApp } from 'vue' +import App from './App.vue' +import router from './router' +import './assets/tailwind.css' + +const app = createApp(App) + +app.use(router) + +app.mount('#app') diff --git a/Jesulonimii/Movie App/src/router/index.js b/Jesulonimii/Movie App/src/router/index.js new file mode 100644 index 0000000..25cb375 --- /dev/null +++ b/Jesulonimii/Movie App/src/router/index.js @@ -0,0 +1,15 @@ +import { createRouter, createWebHistory } from 'vue-router' +import HomeView from '../views/HomeView.vue' + +const router = createRouter({ + history: createWebHistory(import.meta.env.BASE_URL), + routes: [ + { + path: '/', + name: 'CineFlix', + component: HomeView + } + ] +}) + +export default router diff --git a/Jesulonimii/Movie App/src/views/HomeView.vue b/Jesulonimii/Movie App/src/views/HomeView.vue new file mode 100644 index 0000000..42a22fc --- /dev/null +++ b/Jesulonimii/Movie App/src/views/HomeView.vue @@ -0,0 +1,200 @@ + + + + + \ No newline at end of file diff --git a/Jesulonimii/Movie App/src/views/MovieDetails.vue b/Jesulonimii/Movie App/src/views/MovieDetails.vue new file mode 100644 index 0000000..e68e1dd --- /dev/null +++ b/Jesulonimii/Movie App/src/views/MovieDetails.vue @@ -0,0 +1,9 @@ + + + \ No newline at end of file diff --git a/Jesulonimii/Movie App/tailwind.config.js b/Jesulonimii/Movie App/tailwind.config.js new file mode 100644 index 0000000..895c079 --- /dev/null +++ b/Jesulonimii/Movie App/tailwind.config.js @@ -0,0 +1,14 @@ +/** @type {import('tailwindcss').Config} */ +module.exports = { + content: [ + "./index.html", + "./src/**/*.{vue,js,ts,jsx,tsx}", + ], + theme: { + fontFamily: { + outfit: ["Outfit", "sans-serif"], + }, + extend: {}, + }, + plugins: [], +} diff --git a/Jesulonimii/Movie App/vercel.json b/Jesulonimii/Movie App/vercel.json new file mode 100644 index 0000000..671dd5b --- /dev/null +++ b/Jesulonimii/Movie App/vercel.json @@ -0,0 +1,3 @@ +{ + "rewrites": [{ "source": "/:path*", "destination": "/index.html" }] +} \ No newline at end of file diff --git a/Jesulonimii/Movie App/vite.config.js b/Jesulonimii/Movie App/vite.config.js new file mode 100644 index 0000000..451aecb --- /dev/null +++ b/Jesulonimii/Movie App/vite.config.js @@ -0,0 +1,17 @@ +import { fileURLToPath, URL } from 'node:url' + +import { defineConfig } from 'vite' +import vue from '@vitejs/plugin-vue' + +// https://vitejs.dev/config/ +export default defineConfig({ + plugins: [vue()], + resolve: { + alias: { + '@': fileURLToPath(new URL('./src', import.meta.url)) + } + }, + server: { + port: 8080 + } +}) diff --git a/Jesulonimii/Readme.md b/Jesulonimii/Readme.md new file mode 100644 index 0000000..7e2f201 --- /dev/null +++ b/Jesulonimii/Readme.md @@ -0,0 +1 @@ +My Projects