Refactor (#278)

* docker, nuxt, basic config

* src folder, tailwind, fix hot reload, favicon, logo

* i18n, icons, router, bg, home, legal (wip)

* fix header responsive, refactor markdown legal

* fix privacy i18n

* tailwind forms, zod, error page, login (wip)

* login close button, fix home i18n

* register and login (wip)

* fix layout, fix header z-index

* title and description

* fix nav and legal menu responsive

* defineRouteRules, vercel

* remove temp workflows

* workflows

* vercel.json

* postbuild

* vercel

* vercel

* rm workflows

* chore: fix indentation in tsconfig.json

* fix dependences

* fix i18n

* vercel workflows

* reset password layout

* vercel.json

* chore: Update i18n configuration and add language selection in Footer.vue

* devtools .env

.dockerignore

@@ -0,0 +1 @@
+node_modules/

.editorconfig

@@ -0,0 +1,10 @@
+root = true
+
+[*]
+charset = utf-8
+end_of_line = lf
+indent_size = 4
+indent_style = tab
+insert_final_newline = true
+tab_width = 4
+trim_trailing_whitespace = true

.env.example

@@ -0,0 +1,4 @@
+NODE_ENV=development
+NODE_PORT=3000
+
+BACKEND_URL=http://localhost:8080

.github/workflows/preview.yaml

@@ -0,0 +1,21 @@
+name: Vercel Preview Deployment
+env:
+  VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
+  VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }}
+on:
+  push:
+    branches-ignore:
+      - master
+jobs:
+  Deploy-Preview:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - name: Install Vercel CLI
+        run: npm install --global vercel@latest
+      - name: Pull Vercel Environment Information
+        run: vercel pull --yes --environment=preview --token=${{ secrets.VERCEL_TOKEN }}
+      - name: Build Project Artifacts
+        run: vercel build --token=${{ secrets.VERCEL_TOKEN }}
+      - name: Deploy Project Artifacts to Vercel
+        run: vercel deploy --prebuilt --token=${{ secrets.VERCEL_TOKEN }}

.github/workflows/production.yaml

@@ -0,0 +1,21 @@
+name: Vercel Production Deployment
+env:
+  VERCEL_ORG_ID: ${{ secrets.VERCEL_ORG_ID }}
+  VERCEL_PROJECT_ID: ${{ secrets.VERCEL_PROJECT_ID }}
+on:
+  push:
+    branches:
+      - master
+jobs:
+  Deploy-Production:
+    runs-on: ubuntu-latest
+    steps:
+      - uses: actions/checkout@v2
+      - name: Install Vercel CLI
+        run: npm install --global vercel@latest
+      - name: Pull Vercel Environment Information
+        run: vercel pull --yes --environment=production --token=${{ secrets.VERCEL_TOKEN }}
+      - name: Build Project Artifacts
+        run: vercel build --prod --token=${{ secrets.VERCEL_TOKEN }}
+      - name: Deploy Project Artifacts to Vercel
+        run: vercel deploy --prebuilt --prod --token=${{ secrets.VERCEL_TOKEN }}

.gitignore

@@ -1,24 +1,26 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+# Nuxt dev/build outputs
+.output
+.data
+.nuxt
+.nitro
+.cache
+dist
 
-# dependencies
-/node_modules
-/.pnp
-.pnp.js
+# Node dependencies
+node_modules
 
-# testing
-/coverage
+# Logs
+logs
+*.log
 
-# production
-/build
-
-# misc
+# Misc
 .DS_Store
-.env.local
-.env.development.local
-.env.test.local
-.env.production.local
+.fleet
+.idea
+
+# Local env files
+.env
+.env.*
+!.env.example
 
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-.eslintcache
+.vercel

README.md

@@ -1,13 +1,3 @@
 # Ace Books Frontend
-> Frontend de Ace Books. Una web que permite tener una biblioteca de archivos PDF, permitiendo ordenar, buscar y leer tus documentos.
 
-
-## Comandos:
-> yarn run < comando >
-
-
-### Opciones:
-- **start:** Inicia el modo desarrollo en el puerto 3000
-- **test:** Ejecutar [tests](https://facebook.github.io/create-react-app/docs/running-tests)
-- **build:** Compila para [producción](https://facebook.github.io/create-react-app/docs/deployment)
-- **clean:** Elimina dist, node_modules y yarn.lock, limpia la caché de yarn y ejecuta yarn install
+Repositorio del frontend de Ace Books, desarrollado con Nuxt.

docker-compose.yml

@@ -0,0 +1,33 @@
+services:
+  app:
+    build:
+      context: .
+      dockerfile: ./docker/app/Dockerfile
+    ports:
+      - "3000:3000"
+    env_file:
+      - .env
+    volumes:
+      - .:/app
+      - node_modules_data:/app/node_modules
+    networks:
+      - main
+
+  nginx:
+    image: nginx:alpine
+    ports:
+      - "80:80"
+    volumes:
+      - ./docker/nginx/nginx.conf:/etc/nginx/nginx.conf
+    depends_on:
+      - app
+    networks:
+      - main
+
+networks:
+  main:
+    driver: bridge
+
+volumes:
+  node_modules_data:
+    driver: "local"

docker/app/Dockerfile

@@ -0,0 +1,17 @@
+FROM node:20-alpine3.18
+
+RUN apk add --no-cache curl && \
+	apk add --no-cache nano && \
+    curl -o- -L https://yarnpkg.com/install.sh | sh
+
+ENV PATH /root/.yarn/bin:$PATH
+
+WORKDIR /app
+
+COPY . .
+
+RUN yarn install
+
+EXPOSE 3000
+
+CMD ["yarn", "dev"]

docker/nginx/nginx.conf

@@ -0,0 +1,24 @@
+worker_processes auto;
+
+events {
+	worker_connections 1024;
+}
+
+http {
+	include mime.types;
+	default_type application/octet-stream;
+
+	server {
+		listen 80;
+		server_name localhost;
+
+		location / {
+			proxy_pass http://app:3000;
+			proxy_http_version 1.1;
+			proxy_set_header Upgrade $http_upgrade;
+			proxy_set_header Connection 'upgrade';
+			proxy_set_header Host $host;
+			proxy_cache_bypass $http_upgrade;
+		}
+	}
+}

nuxt.config.ts

@@ -0,0 +1,51 @@
+// https://nuxt.com/docs/api/configuration/nuxt-config
+export default defineNuxtConfig({
+	srcDir: 'src/',
+	css: ['~/assets/css/main.css'],
+	postcss: {
+		plugins: {
+			tailwindcss: {},
+			autoprefixer: {},
+		},
+	},
+	devtools: {
+		enabled: import.meta.env.NODE_ENV === "development",
+	},
+	experimental: {
+		inlineRouteRules: true,
+	},
+	app: {
+		head: {
+			link: [{ rel: 'icon', type: 'image/png', href: '/favicon.png' }],
+		},
+	},
+	vite: {
+		server: {
+			watch: {
+				usePolling: true,
+				interval: 100,
+			},
+		},
+	},
+	modules: ["nuxt-icons", "@nuxtjs/i18n", "@nuxtjs/mdc", "@nuxt/image"],
+	i18n: {
+		vueI18n: './src/i18n/i18n.config.ts',
+		locales: [
+			{
+				code: 'en',
+				name: 'English',
+			},
+			{
+				code: 'es',
+				name: 'Español',
+			},
+		],
+		defaultLocale: 'en',
+		detectBrowserLanguage: {
+			useCookie: true,
+			cookieKey: 'language',
+			redirectOn: 'root',
+			alwaysRedirect: true,
+		},
+	},
+});