{"id":22907167,"url":"https://github.com/kenkyoo/react-quotes","last_synced_at":"2026-04-09T17:04:40.958Z","repository":{"id":266805082,"uuid":"899410783","full_name":"Kenkyoo/react-quotes","owner":"Kenkyoo","description":"React Quotes es una aplicación sencilla desarrollada con React que muestra citas célebres junto con detalles adicionales como el autor, la categoría, el año, el país y el idioma original. Está diseñada para explorar citas de forma interactiva y dinámica.","archived":false,"fork":false,"pushed_at":"2024-12-06T08:20:46.000Z","size":88,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-01T09:07:28.956Z","etag":null,"topics":["bootstrap","javascript","react","sass","typescript","vite"],"latest_commit_sha":null,"homepage":"https://react-quotes-two.vercel.app","language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/Kenkyoo.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-12-06T07:58:39.000Z","updated_at":"2024-12-06T08:22:00.000Z","dependencies_parsed_at":"2024-12-06T08:29:33.918Z","dependency_job_id":"d57507e3-1d7e-4a24-ad20-6d85ea680b0b","html_url":"https://github.com/Kenkyoo/react-quotes","commit_stats":null,"previous_names":["kenkyoo/react-quotes"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Kenkyoo%2Freact-quotes","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Kenkyoo%2Freact-quotes/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Kenkyoo%2Freact-quotes/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Kenkyoo%2Freact-quotes/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Kenkyoo","download_url":"https://codeload.github.com/Kenkyoo/react-quotes/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":246612488,"owners_count":20805355,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["bootstrap","javascript","react","sass","typescript","vite"],"created_at":"2024-12-14T03:13:37.496Z","updated_at":"2025-12-30T20:04:25.080Z","avatar_url":"https://github.com/Kenkyoo.png","language":"CSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React Quotes\n\nReact Quotes es una aplicación sencilla desarrollada con React que muestra citas célebres junto con detalles adicionales como el autor, la categoría, el año, el país y el idioma original. Está diseñada para explorar citas de forma interactiva y dinámica.\n\n## Características\n\n- **Explora citas**: Navega entre citas con un botón \"Siguiente\".\n- **Detalles adicionales**: Muestra/oculta detalles adicionales de cada cita.\n- **Diseño responsivo**: Estilizado con Bootstrap para adaptarse a diferentes dispositivos.\n\n## Tecnologías utilizadas\n\n- **React**: Framework principal para la interfaz de usuario.\n- **Bootstrap**: Framework de CSS para estilos.\n- **Vite**: Herramienta de desarrollo para una construcción rápida y eficiente.\n- **Sass**: Preprocesador de CSS para estilos personalizados.\n\n## Instalación\n\n1. Clona este repositorio:\n   ```bash\n   git clone https://github.com/Kenkyoo/react-quotes.git\n\n    Navega al directorio del proyecto:\n\ncd react-quotes\n\nInstala las dependencias:\n\n    npm install\n\nScripts disponibles\n\nEn el directorio del proyecto, puedes ejecutar los siguientes comandos:\n\n    npm run dev: Inicia el servidor de desarrollo.\n    npm run build: Genera una versión de producción.\n    npm run preview: Previsualiza la versión de producción.\n    npm run lint: Analiza el código con ESLint.\n    npm run watch:sass: Observa y compila los cambios en los archivos Sass.\n\nCómo usar\n\n    Inicia el servidor de desarrollo:\n\n    npm run dev\n\n    Abre la aplicación en tu navegador en http://localhost:5173.\n\nEstructura de la aplicación\n\n    src/data.jsx: Contiene un array con las citas y sus detalles.\n    src/App.jsx: Componente principal que maneja la lógica y la presentación de la aplicación.\n\nEjemplo de datos en data.jsx\n\nexport const frasesArray = [\n  {\n    frase: \"El conocimiento es poder.\",\n    autor: \"Francis Bacon\",\n    fuente: \"Meditationes Sacrae\",\n    categoria: \"Filosofía\",\n    año: 1597,\n    pais: \"Inglaterra\",\n    idiomaOriginal: \"Latín\"\n  },\n  // Más citas aquí...\n];\n\nDependencias principales\n\n    React y ReactDOM: ^18.3.1\n    Bootstrap: ^5.3.3\n    Sass: ^1.78.0\n\nContribuciones\n\n¡Las contribuciones son bienvenidas! Siéntete libre de abrir un issue o enviar un pull request.\n\nLicencia: Este proyecto está bajo la Licencia MIT.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkenkyoo%2Freact-quotes","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkenkyoo%2Freact-quotes","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkenkyoo%2Freact-quotes/lists"}