darloscode

Hola!👋, soy Carlos Flores

¡Hola y bienvenido! Este es mi espacio personal para compartir quién soy, los proyectos que amo desarrollar y mis pasiones profesionales. ¡Explora y no dudes en contactarme!

Contenido 📚

Información personal 👨‍💻

Educación 🎓

Intereses 🌎

Proyectos 💻

  1. Página web de Login y Sign up

    • Página web que permite a los usuarios registrarte e iniciar sesión. El proyecto valida los datos ingresados tanto en el login y sign uo. Los datos registrados se guardan en una base de datos.
    • Tecnologías:
      • HTML y CSS: Crean la estructura visual y diseño de las páginas de login y registro.
      • JavaScript: Realiza validaciones en el frontend para verificar la entrada de datos del usuario antes de enviarlos al servidor.
      • PHP: Maneja las solicitudes en el servidor, valida datos en el backend y conecta con la base de datos.
      • MySQL y MySQL Workbench: Almacenan y gestionan los datos de los usuarios registrados, con MySQL Workbench facilitando la visualización y diseño de la base de datos.
      • Visual Studio Code: Editor de código utilizado para escribir y editar el HTML, CSS, JavaScript y PHP del proyecto.
    • Estado: Completo
    • Repositorio Sitio Web

Login y Sign up

  1. Landing Page de venta de autos (AutoElite)

    • Es una Landing Page para la venta de autos, llamada AutoElite, diseñada para ofrecer una experiencia de compra intuitiva y atractiva.
    • Tecnologías:
      • Visual Studio Code: Utilizado para desarrollar el proyecto y administrar el código fuente.
      • HTML y CSS: Proporcionan la estructura y el diseño atractivo para captar la atención de los clientes.
      • JavaScript: Añade interactividad a la página, como animaciones y permite conexción con una base de datos, envía y recibe los datos en formato JSON.
      • Firebase: Sirve como backend para almacenar datos, gestionar usuarios y ofrecer análisis básicos.
    • Estado: Completo
    • Repositorio Sitio Web

Landing Page

  1. Dashboard sobre el clima

    • Dashboard interactivo que proporciona información actualizada sobre las condiciones climáticas de diferentes ubicaciones.
    • Tecnologías:
      • Visual Studio Code: Usado para codificar la interfaz y lógica del dashboard.
      • React: Facilita el desarrollo de componentes interactivos y administra el estado del dashboard
    • Estado: Completo
    • Repositorio Sitio Web

Dashboard

  1. Galería de Fotos

    • Es una aplicación de Galería de Fotos creada con Java y JavaFX, diseñada para gestionar y visualizar imágenes de manera fácil e interactiva. La aplicación permite a los usuarios crear álbumes, agregar fotos a dichos álbumes, así como borrar fotos.
    • Tecnologías:
      • NetBeans: IDE utilizado para desarrollar y depurar la aplicación en Java.
      • Java: Lenguaje principal del proyecto para manejar la lógica de la aplicación y gestionar las fotos.
      • JavaFX: Framework que ofrece una interfaz gráfica moderna y amigable para que los usuarios puedan interactuar con la galería.
    • Estado: Completo
    • Repositorio

Galería de fotos

  1. Aplicación Híbrida

    • Es una aplicación híbrida desarrollada con Angular e Ionic, diseñada para ayudar a las ciudadelas a identificar y clasificar automáticamente los problemas que reportan los residentes. Los usuarios pueden subir una foto del inconveniente (como basura en el suelo o autos mal estacionados), y el sistema utiliza inteligencia artificial para clasificarlo correctamente. Angular: Framework frontend utilizado para construir la interfaz interactiva y modular de la aplicación.
    • Tecnología:
      • Ionic: Framework que permite desarrollar aplicaciones móviles híbridas, facilitando la integración con Angular y permitiendo la ejecución en dispositivos móviles.
      • Teachable Machine: Herramienta de inteligencia artificial de Google utilizada para entrenar un modelo capaz de identificar visualmente los problemas en las imágenes subidas por los usuarios.
      • Firebase: Utilizado como backend para almacenar los reportes de los usuarios y mantener sincronizados los datos en tiempo real.
    • Funcionalidades principales:
      • Subida de imágenes por parte de los residentes para reportar problemas en su ciudadela.
      • Clasificación automática de los reportes (por ejemplo: basura o autos mal estacionados) usando el modelo entrenado.
      • Visualización de todos los reportes desde una pantalla principal, para que tanto los residentes como la administración puedan tomar medidas y dar seguimiento a las incidencias.
    • Estado: Completo
    • Repositorio

Vista 1 Vista 2 Vista 3

  1. Backend

    • Es una aplicación web desarrollada con Django, que se conecta a una base de datos en Firebase para visualizar y analizar datos en tiempo real. La información se presenta en una plantilla web con tablas organizadas y gráficos.
    • Tecnologías:
      • Django: Framework backend utilizado para estructurar la lógica del servidor, gestionar rutas y renderizar las vistas.
      • Firebase: Base de datos NoSQL en la nube que almacena los datos en formato JSON y permite sincronización en tiempo real.
      • PythonAnywhere: Plataforma de hosting utilizada para desplegar la aplicación y hacerla accesible desde cualquier navegador.
    • Funcionalidades:
      • Conexión con Firebase para obtener y mostrar datos en tiempo real.
      • Visualización de la cantidad total de datos almacenados.
      • Presentación de la primera y última entrada registrada.
      • Representación gráfica de los datos para facilitar el análisis (respuestas por hora y día).
      • Organización de la información en una tabla.
    • Estado: Completo
    • Repositorio

    Dashboard

Tecnologías y Habilidades 🤖

figma git linux react visual studio code netbeans

Lenguajes 🚀

Java Python TypeScript JavaScript PHP HTML5 CSS3 C

Contacto 🤝

github linkedin

Estadísticas en GitHub 📊

darloscode

darloscode

darloscode