Skip to content

iZergiodev/Front-Flash4Devs

Repository files navigation

Flash4Devs ⚡

React React Router Tailwind CSS Framer Motion Chart.js React-Chartjs-2 ApexCharts React-ApexCharts React Hot Toast React Icons Monaco Editor Zustand DaisyUI Typewriter Effect Vite ESLint React SWC Plugin

¡Bienvenido a Flash4Devs, una aplicación de flashcards dinámica y animada diseñada para ayudar a los desarrolladores a aprender programación y prepararse para entrevistas de trabajo en el área tecnológica! Nuestra misión es hacer que el aprendizaje sea interactivo, atractivo y enfocado en las habilidades que demanda el mercado.

Con una interfaz moderna y animaciones fluidas, Flash4Devs combina practicidad y diversión para que domines conceptos de programación y estés listo para destacar en entrevistas técnicas.


✨ Funcionalidades

  • Flashcards Interactivos: Aprende conceptos de programación de manera práctica y visual.
  • Preparación para Entrevistas: Preguntas y desafíos basados en entrevistas reales.
  • Animaciones Dinámicas: Efectos visuales que hacen el aprendizaje más envolvente.
  • Progreso Visual: Sigue tu rendimiento con gráficos y estadísticas.
  • Interfaz Intuitiva: Navegación sencilla y amigable para todos los niveles.

🔗 Repositorio de Backend

Si quieres acceder a nuestro repositorio de Backend, visita:
https://github.com/iZergiodev/Back-Flash4Devs


🔗 API Flash4Devs

La API está alojada y disponible para consulta en nuestra documentación oficial, accesible a través del siguiente enlace: https://back-flash4devs-production.up.railway.app/docs#/. Allí encontrarás todos los detalles sobre los endpoints, parámetros y ejemplos de uso.


🛠️ Tecnologías Utilizadas

Flash4Devs fue construido con un stack moderno y potente para garantizar rendimiento y una experiencia de usuario increíble. Estas son las principales tecnologías del frontend:

Dependencias

  • React - Biblioteca principal para construir la interfaz.
  • React Router - Navegación fluida entre páginas.
  • Tailwind CSS - Estilización rápida y responsiva.
  • Framer Motion - Animaciones suaves e interactivas.
  • Chart.js + React-Chartjs-2 - Gráficos para seguimiento de progreso.
  • ApexCharts + React-ApexCharts - Visualizaciones de datos avanzadas.
  • React Hot Toast - Notificaciones elegantes y fáciles de usar.
  • React Icons - Íconos modernos para la interfaz.
  • Monaco Editor - Editor de código integrado para desafíos prácticos.
  • Zustand - Gestión de estado simple y eficiente.
  • DaisyUI - Componentes Tailwind pre-estilizados.
  • Typewriter Effect - Efecto de escritura para un toque especial.

Herramientas de Desarrollo

  • Vite - Herramienta de construcción rápida y moderna.
  • ESLint - Garantía de calidad en el código.
  • Tailwind CSS (Dev) - Configuración avanzada para estilización.
  • React SWC Plugin - Optimización de compilación con Vite.

🚀 Cómo Empezar

  1. Clona el Repositorio
    git clone https://github.com/tu-usuario/flash4devs.git
    
  2. Instala las Dependencias
    pnpm install
    
  3. Inicia el Proyecto
    pnpm dev
    
  4. Abre tu Navegador Visita http://localhost:5173 y ¡comienza a explorar!

📊 Scripts Disponibles

  • pnpm dev - Inicia el servidor de desarrollo.
  • pnpm build - Genera la versión de producción.
  • pnpm lint - Ejecuta el linting en el código.
  • pnpm preview - Visualiza la build de producción localmente.

🌟 ¿Por Qué Flash4Devs?

Si quieres aprender programación de forma divertida o prepararte para esa entrevista soñada, Flash4Devs es tu aliado ideal. Combinamos tecnología de vanguardia con un enfoque práctico para acelerar tu crecimiento como desarrollador.


🤝 Contribuciones

¿Quieres ayudar a mejorar Flash4Devs? ¡Siéntete libre de abrir issues o enviar pull requests! Estamos abiertos a sugerencias y colaboraciones.


📅 Estado del Proyecto

¡Estamos en desarrollo activo! Mantente atento a las actualizaciones y nuevas funcionalidades.

Última actualización: 26 de febrero de 2025


Hecho por YagoCastelao y iZergiodev!

About

¡Bienvenido a Flash4Devs, una aplicación de flashcards dinámica y animada diseñada para ayudar a los desarrolladores a aprender programación y prepararse para entrevistas de trabajo en el área tecnológica!

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors