INET - ATM (Aulas Talleres Móviles)

Programa de prácticas profesionalizantes para el desarrollo de aplicaciones web - línea de desarrollo 1: "Aulas Talleres Móviles".

Descripción

Se trata de una aplicación web para conocer la ubicación georreferenciadas de cada aula móvil, y su oferta formativa. Fue desarrollada para ser responsive con un criterio mobile-first y bajo los lineamientos del “Manual de identidad visual INET para desarrollo de aplicaciones".

Demo

Tenemos una demo del proyecto hosteada online en: https://aulas-moviles-inet.onrender.com. (Hay que tenerle un poco de paciencia la primera vez que carga)

Tecnologías y librerías

Tecnologías

Frontend

• HTML5
• CSS3
• Javascript
• Blade

Backend

• PHP 8.2
• Laravel 10
• MySQL

Librerías destacables

• Botman Studio 9 (Chatbot)
• OpenStreetMap
• Leaflet.js (librería JS open-source para mapas interactivos mobile-friendly)

Guía de instalación

1. Asegúrate de tener PHP 8.2 y MySQL instalados en tu sistema.

2. Clona el repositorio:

git clone https://github.com/Nawho/INET-aulas-moviles-web

3. Navega hasta el directorio del proyecto:

cd ./INET-aulas-moviles-web-main

4. Instala las dependencias de Composer y NPM:

composer install
npm install

5. Crea una copia del archivo .env:

cp .env.example .env

6. Genera una clave de aplicación:

php artisan key:generate

7. Hostea localmente tu base de datos MYSQL. Encontrarás las tablas y un par de datos de ejemplo en database/example_db_creator.sql.

8. Configura la base de datos en el archivo .env con las credenciales de tu base de datos.

9. Inicia el servidor de artisan:

php artisan serve

Nota: En caso de necesitar un rebundle del css y js, hay 2 opciones:

1. Iniciar el servidor de desarrollo de Vite npm run dev
2. Ejecutar npm run build y reemplazar los archivos correspondientes con los recientemnte generados en el proyecto.

10. Visita http://localhost:8000 en tu navegador web para probar la aplicación.