diff --git a/README.md b/README.md index 1be79cb..af96042 100644 --- a/README.md +++ b/README.md @@ -13,7 +13,6 @@ #### Opcionales - Documentos públicos -- Anidación de documentos - Compartir bases de datos ### Presentación @@ -24,10 +23,11 @@ Puede verla en el siguiente [link](https://www.canva.com/design/DAFSnStE99g/k9QG Debe instalar: -- Docker -- Docker-compose -- Python >= 3.10 -- Poetry +- docker +- docker-compose +- python >= 3.10 +- poetry +- npm ## Instalación @@ -49,11 +49,13 @@ POSTGRES_HOST=localhost POSTGRES_DB=bd2 POSTGRES_USER=root POSTGRES_PASSWORD=password +REDIS_HOST=localhost +REDIS_PORT=6379 ``` En un ambiente de testeo (como es el caso) puede simplemente copiar el archivo, pero, si se corriese en producción, se deberá cambiar dependiendo el caso de uso. -Debe dejar los URLs de las bases de datos como se indicaron pues así se las configuró con docker. Por lo tanto, deberá dejar libres los puertos 5432, 27017 y 9200. +Debe dejar los URLs de las bases de datos como se indicaron pues así se las configuró con docker. Por lo tanto, deberá dejar libres los puertos 5432, 27017, 9200 y 6379. Ahora, para levantar las bases de datos (usando `docker-compose`) debe correr: @@ -69,12 +71,18 @@ Luego, en otra terminal, debe configurar las bases de datos mediante el siguient sh run.sh -c ``` -Por último, para correr la API + backend, debe hacerlo mediante: +Además, para correr la API + backend (notando que la API correrá por defecto en el puerto 8000), debe hacerlo mediante: ``` sh run.sh -a ``` +Por último, debe levantar el frontend (usará el puerto 3000) mediante: + +``` +h run.sh -f +``` + ## Documentación de la API Puede ir a `http://localhost:8000/docs` para ver el `Swagger`. Notemos que se usó en todo momento `localhost` pues se supone un ambiente de testeo. diff --git a/bsition/frontend/nextjs/.gitignore b/bsition/frontend/.gitignore similarity index 100% rename from bsition/frontend/nextjs/.gitignore rename to bsition/frontend/.gitignore diff --git a/bsition/frontend/nextjs/next-env.d.ts b/bsition/frontend/next-env.d.ts similarity index 100% rename from bsition/frontend/nextjs/next-env.d.ts rename to bsition/frontend/next-env.d.ts diff --git a/bsition/frontend/nextjs/src/components/Document.tsx b/bsition/frontend/nextjs/src/components/Document.tsx deleted file mode 100644 index a7c9e92..0000000 --- a/bsition/frontend/nextjs/src/components/Document.tsx +++ /dev/null @@ -1,128 +0,0 @@ -import io from "socket.io-client"; -import { useState, useEffect } from "react"; - -let socket; - -export default function Document() { - const [username, setUsername] = useState(""); - const [chosenUsername, setChosenUsername] = useState(""); - const [text, setText] = useState(""); - const [token, setToken] = useState(""); - - useEffect(() => { - socketInitializer(); - }, [chosenUsername]); - - useEffect(() => { - const data = new URLSearchParams(); - data.append("username", "user") - data.append("password", "passtest") - - const fetchData = async (data) => { - const res = await fetch("http://localhost:8000/api/token", { method: 'POST', body: data}) - const json = await res.json(); - setToken(() => json["access_token"]) - } - - fetchData(data) - }, []) - - useEffect(() => { - if (token) { - const fetchData = async () => { - const res = await fetch("http://localhost:8000/api/documents/63866c991b4175934db26981", { - method: "GET", - headers: { - 'Authorization': `Bearer ${token}` - } - }) - const json = await res.json(); - setText(() => json["data"]) - } - - fetchData() - } - }, [token]) - - useEffect(() => { - const interval = setInterval(() => { - fetch("http://localhost:8000/api/documents/63866c991b4175934db26981", { - method: 'PUT', - body: `{"data": "${text}"}`, - headers: { - 'Content-type': 'application/json', - 'Authorization': `Bearer ${token}` - } - }) - }, 500); - - return () => clearInterval(interval); - }, [token, text]) - - const socketInitializer = async () => { - await fetch("/api/socket"); - - socket = io(); - - socket.emit('create', chosenUsername); - console.log(chosenUsername) - - socket.on("newIncomingText", (text) => { - setText(() => text); - console.log('text' + text); - }); - }; - - const sendText = async () => { - socket.emit("createdText", text, chosenUsername); - setText(() => text); - }; - - const handleKey = () => { - if (text) { - sendText(); - } - }; - - return ( -
-
- {!chosenUsername ? ( - <> -

- doc_id? -

- setUsername(e.target.value)} - /> - - - ) : ( - <> -

- Your username: {username} -

- -