Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

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.

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.html

El `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


Project 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)