Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/mjazmingarcia/tlom
Lightweight and responsive language translator web app interface built with HTML, CSS and JavaScript in the frontend and Python FastAPI in the backend.
https://github.com/mjazmingarcia/tlom
bulma-css html-css-javascript python-fastapi webapp
Last synced: 23 days ago
JSON representation
Lightweight and responsive language translator web app interface built with HTML, CSS and JavaScript in the frontend and Python FastAPI in the backend.
- Host: GitHub
- URL: https://github.com/mjazmingarcia/tlom
- Owner: mjazmingarcia
- License: agpl-3.0
- Created: 2024-04-05T17:49:10.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-04-05T18:07:48.000Z (7 months ago)
- Last Synced: 2024-10-02T05:41:45.236Z (about 1 month ago)
- Topics: bulma-css, html-css-javascript, python-fastapi, webapp
- Language: Python
- Homepage:
- Size: 2.82 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# TLOM: Interfaz WebApp para traductores
[![Python](https://img.shields.io/badge/python-3.11-blue?style=for-the-badge&logo=python&logoColor=%23ffe161&label=python&color=%234786b8)](https://www.python.org/)
[![FastAPI](https://img.shields.io/badge/fastapi-%23555555?style=for-the-badge&logo=fastapi)
](https://fastapi.tiangolo.com/)
![JavaScript](https://img.shields.io/badge/javascript-%23555555?style=for-the-badge&logo=javascript)
[![Bulma CSS](https://img.shields.io/badge/bulma-%23555555?style=for-the-badge&logo=bulma)](https://bulma.io/)
![CSS](https://img.shields.io/badge/css-%23555555?style=for-the-badge&logo=css3&logoColor=%2339acdd)
![HTML](https://img.shields.io/badge/html-%23555555?style=for-the-badge&logo=html5&logoColor=%23f06a31)La ***interfaz webapp para traductores*** de lenguas originarias de México es un proyecto desarrollado por el [***Laboratorio L52+***](https://l52mas.gitlab.io/) del
[***Instituto de Investigaciones en Matemáticas Aplicadas y en Sistemas***](https://www.iimas.unam.mx), [***UNAM***](https://www.unam.mx). Su objetivo es brindar una interfaz eficiente y accesible que pueda contribuir a la disminución de las barreras culturales y lingüísticas entre las comunidades indígenas de México y el resto de los habitantes, así como apoyar la preservación de las lenguas originarias de nuestro país.## Arquitectura
## Estructura del repositorio
El `front-end` (lado del cliente) comprende lo siguiente:
├── static
| ├── index.js
| ├── style.css
| ├── LogoUNAM_IIMAS_Negro.png
| ├── tlom-icono.png
| └── tlom-logo.png
├── templates
| └── home.htmlEl `back-end` (lado del servidor) comprende:
├── api
| ├── __init__.py
| ├── main.py
| ├── tasks.py
| ├── const.py
| └── const2.py
├── models
| ├── model1.py
| └── model2.py
├── data
| ├── corpus.mir
| └── corpus.spa## Instalación local
Para crear una copia de este proyecto en tu equipo local, ve al comienzo del repositorio y haz clic en `code`. Tienes la opción de descargar el código o clonarlo.Para clonar este proyecto usando git, copia la URL `HTTPS` o `SSH` (si tienes habilitadas las llaves de acceso en git). Abre una terminal en la ubicación donde quieres clonar el directorio, escribe `git clone`, pega la dirección URL que has copiado antes y ejecuta.
Una vez clonado o descargado el repositorio, accede a él:
```bash
cd tlom
```A continuación, crea un ambiente virtual con la librería `venv` en el directorio `env` con el comando:
```bash
python3.11 -m venv env
```Activa el ambiente virtual:
```bash
source env/bin/activate
```Instala los requerimientos del proyecto:
```bash
pip install -r requirements.txt
```
Para correr la aplicación en vivo en el `puerto 3166` ejecuta:```bash
uvicorn api.main:app --port 3166 --reload
```
En el output verás la URL dónde se está corriendo la aplicación en tu maquina local:
```bash
INFO: Uvicorn running on http://127.0.0.1:3166 (Press CTRL+C to quit)
```
Si la aplicación está funcionando correctamente, si abres http://127.0.0.1:3166/ en tu navegador podrás ver la página principal de la interfaz webapp.## Demo
## Documentación
La [**Documentación Interfaz Web App**](https://piragua.notion.site/Interfaz-Web-App-95e829c1483c4f6cb756020c4a8318d9?pvs=4) en Notion expone el desarrollo y conceptos clave de este proyecto.## Autores
Este proyecto fue realizado por
[mjazmingarcia](https://github.com/mjazmingarcia) (Mónica Jazmín García Sarabia) bajo la asesoría de [ivanvladimir](https://github.com/ivanvladimir) (Ivan Vladimir Meza Ruiz) para el programa de Servicio Social "***Desarrollo de sistemas inteligentes usando deep learning***".## GitLab
[Repositorio disponible en GitLab](https://gitlab.com/l52mas/tlom)