Snippet Vault es una aplicación web open source diseñada para Aplicación open source para guardar, organizar y buscar snippets de código por lenguaje, etiquetas y uso.
Este proyecto forma parte del ecosistema MiPrimerIssue, una iniciativa orientada a que desarrolladores junior hispanohablantes puedan contribuir a proyectos reales mediante tareas guiadas, progresivas y útiles para su aprendizaje.
Snippet Vault permite:
- Listado de snippets
- Búsqueda por título
- Filtrado por lenguaje
- Etiquetas visibles
- Página de detalle del snippet
Permitir a desarrolladores guardar snippets de código con metadatos útiles y encontrarlos rápidamente.
Este proyecto utiliza:
- Next.js
- TypeScript
- Tailwind CSS
- Supabase
Clona el repositorio:
git clone https://github.com/MiPrimerIssue/snippet-vault.git
cd snippet-vaultInstala dependencias:
npm installCopia el archivo de entorno:
cp .env.example .env.localEjecuta el proyecto en local:
npm run devAbre en tu navegador:
http://localhost:3000
docs/ → documentación general del proyecto
tasks/ → tareas organizadas por nivel
.github/ → plantillas de Pull Requests e Issues
src/ → código fuente de la aplicación
- Lee
CONTRIBUTING.md - Revisa la carpeta
tasks/ - Solicita una tarea desde MiPrimerIssue
- Espera a que se te asigne
- Trabaja en tu solución
- Abre una Pull Request
- Snippet Card Component
- Search Input
- Empty Library State
- Language Filter
- Snippet Detail Page
- Definición del proyecto y estructura base
- Primera versión funcional de la UI
- Componentes reutilizables principales
- Estados vacíos y feedback visual
- Filtros o navegación secundaria
- Página de detalle
- Mejoras de accesibilidad
- Tests básicos
Este repositorio no solo busca construir una herramienta útil, sino también servir como entorno real de aprendizaje para desarrolladores que quieren dar sus primeros pasos en open source.
Este proyecto se distribuye bajo licencia MIT.