¡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.
- 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.
Si quieres acceder a nuestro repositorio de Backend, visita:
https://github.com/iZergiodev/Back-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.
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:
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.
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.
- Clona el Repositorio
git clone https://github.com/tu-usuario/flash4devs.git
- Instala las Dependencias
pnpm install
- Inicia el Proyecto
pnpm dev
- Abre tu Navegador Visita http://localhost:5173 y ¡comienza a explorar!
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.
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.
¿Quieres ayudar a mejorar Flash4Devs? ¡Siéntete libre de abrir issues o enviar pull requests! Estamos abiertos a sugerencias y colaboraciones.
¡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!