LuisGOSI / Qronecta-Hackhaton

Home Page:https://qronecta.onrender.com/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Qronecta

🚧 Proyecto en construcción 🚧


Logo

Colaboradores:

Aaron Olguin Pichardo - davidop.ti22@utsjr.edu.mx Abril Sanchez Camacho - abrilsc.ti22@utsjr.edu.mx Estefania Cabal Aguado - estafinaca.ti22@utsjr.edu.mx Luis Ignacio Gonzalez - ignaciogs.ti22@utsjr.edu.mx Victor Manuel Rangel - manuelrm.ti22@utsjr.edu.mx

Objetivo:

El proposito de este proyecto es reducir la brecha digital, creando una aplicacion web diseñada para facilitar la interacción de los ciudadanos con la tecnología y los servicios gubernamentales en el estado de Querétaro.

Funcionalidades del proyecto

  1. - Centralización de Información.

  2. - Capacitación Accesible.

  3. - Educación Básica

  4. Reportes

  5. Escalabilidad

    • En etapas futuras se considera la implementación de un servicio de alianzas con intituciones educativas para implementar mas y mejor contenido

🎨 Diseño y Mockups

Estamos emocionados de compartir nuestra visión para Qronecta. Si estás interesado en explorar nuestros diseños y mockups, te invitamos a visitar nuestra presentación interactiva en Figma:

Diseños Qronecta en Figma

Descubre el viaje y la inspiración detrás de nuestra aplicación.

📖 Presentación de Propuesta

Si estás interesado en conocer más sobre el propósito, la visión y la misión detrás de Qronecta, te invitamos a ver nuestra presentación completa en Canva:

Presentación Qronecta

🚀 Acceso al Proyecto

¿Quieres ver Qronecta en acción? Haz clic en el botón a continuación para explorar nuestras características y funcionalidades actuales:

Acceder a Qronecta

📋 Requisitos

Sistema Operativo

  • Windows, MacOS o Linux.

Node.js y npm

🗄️ Base de Datos

  • Base de datos: Utilizamos Firebase como BD para facilitar la gestión y manipulación de la base de datos.
  • Host: Confiamos en Render para el alojamiento de nuestra base de datos, aprovechando su alta disponibilidad y escalabilidad y por su facil uso para suporte de aplicacciones webs

Entorno de desarrollo

  • Cualquier editor de texto o IDE que soporte desarrollo en JavaScript/Node.js. Ejemplos: Visual Studio Code, Atom, WebStorm, etc.

Conexión a Internet

  • Necesaria para instalar paquetes a través de npm y acceder a ciertos servicios en línea (si aplica).

Navegador Web

  • Se recomienda usar navegadores modernos como Google Chrome, Mozilla Firefox, Safari o Microsoft Edge para probar y usar la aplicación.

Variables de Entorno

  • Si tu aplicación utiliza variables de entorno (por ejemplo, claves API, credenciales de base de datos), deberías mencionar que necesitan ser configuradas. Puedes proporcionar un archivo de ejemplo (por ejemplo, .env.example) para que los usuarios sepan qué variables de entorno deben establecer.

Conocimientos previos (opcional)

  • Si bien no es un requisito técnico 😊, es útil mencionar si es recomendable tener algún conocimiento previo para trabajar con el proyecto, como nociones básicas de Node.js, experiencia con bases de datos, etc.

🛠️ Configuración para Desarrollo

Instalar dependencias

npm i  

Dependencias de Node:

npm i @prisma/client
npm i animate.css
npm i bcrypt
npm i bootstrap
npm i bootstrap-icons
npm i dotenv
npm i ejs
npm i express
npm i express-session
npm i method-override
npm i nodemon
npm i path
npm i prisma

Iniciar proyecto de node :

npm start 
npm run dev

About

https://qronecta.onrender.com/

License:MIT License


Languages

Language:EJS 73.5%Language:JavaScript 16.2%Language:CSS 10.3%