{"id":19321225,"url":"https://github.com/sonvice/easybank","last_synced_at":"2026-04-13T00:10:23.224Z","repository":{"id":197370465,"uuid":"698212569","full_name":"sonvice/easybank","owner":"sonvice","description":"Este proyecto es una landing page diseñada como práctica para el desafío de Frontend Mentor. La landing page está construida utilizando React, Sass","archived":false,"fork":false,"pushed_at":"2023-09-30T19:09:37.000Z","size":338,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-06T05:28:21.131Z","etag":null,"topics":["html5","javascript","postcss","react","sass","vite"],"latest_commit_sha":null,"homepage":"https://easybank-fmentor.netlify.app/","language":"SCSS","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/sonvice.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":"2023-09-29T12:12:56.000Z","updated_at":"2023-09-30T08:07:35.000Z","dependencies_parsed_at":null,"dependency_job_id":"de5c8483-daa4-46fa-b5bc-625718d12383","html_url":"https://github.com/sonvice/easybank","commit_stats":null,"previous_names":["sonvice/easybank"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sonvice%2Feasybank","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sonvice%2Feasybank/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sonvice%2Feasybank/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sonvice%2Feasybank/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sonvice","download_url":"https://codeload.github.com/sonvice/easybank/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":240422455,"owners_count":19798762,"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":["html5","javascript","postcss","react","sass","vite"],"created_at":"2024-11-10T01:36:12.015Z","updated_at":"2026-04-13T00:10:23.158Z","avatar_url":"https://github.com/sonvice.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Landing Page Challenge - FrontendMentor.io\n\nEste proyecto es una landing page diseñada como práctica para el desafío de Frontend Mentor. La landing page está construida utilizando React, Sass, y se han implementado las siguientes tecnologías y metodologías:\n\n- Menú accesible para una mejor experiencia de usuario.\n- Plugins de PostCSS para optimizar el código CSS.\n- Metodología de arquitectura CSS basada en el patrón 7-1 y clases de utilidad.\n- [Enlace al desafío de Frontend Mentor](https://www.frontendmentor.io/challenges/easybank-landing-page-WaUhkoDN) donde se encuentra la plantilla original.\n\n\n## Demostración\n\n![Easybank landing page](https://i.ibb.co/L6vzjQr/image.png)\n\n\n## Tecnologías Utilizadas\n\n- React\n- Sass\n- PostCSS\n\n\n## Características\n\n- **Diseño Responsivo**: La landing page es completamente funcional en dispositivos móviles, tabletas y computadoras de escritorio.\n\n- **Menú Accesible**: El menú de navegación es accesible para todas las personas, incluyendo aquellas con discapacidades visuales o de movilidad. Se utilizan atributos ARIA y prácticas recomendadas de accesibilidad.\n\n- **Animaciones y Transiciones**: Se han añadido animaciones sutiles o transiciones para mejorar la experiencia del usuario y hacer que la landing page sea más atractiva.\n\n- **Optimización de Imágenes**: Todas las imágenes se han comprimido y optimizado para reducir los tiempos de carga de la página y mejorar el rendimiento.\n\n- **Estilos CSS**: Se ha mantenido un conjunto de estilos utilizando una metodología de arquitectura CSS, como el patrón 7-1, y clases de utilidad si es necesario.\n\n- **Compatibilidad con Navegadores**: Se han realizado pruebas en diferentes navegadores (por ejemplo, Chrome, Firefox, Safari, Edge) para garantizar la compatibilidad y una experiencia uniforme.\n\n- **Despliegue en Netlify**: La landing page se ha alojado en Netlify servicio de alojamiento para que sea accesible en línea.\n\n\n## Instrucciones de uso\n\n1. Clona este repositorio en tu máquina local.\n2. Asegúrate de tener Node.js instalado.\n3. Abre una terminal en la carpeta raíz del proyecto y ejecuta `npm install` para instalar las dependencias.\n4. Luego, ejecuta `npm run dev` para iniciar la aplicación en tu navegador.\n\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsonvice%2Feasybank","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsonvice%2Feasybank","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsonvice%2Feasybank/lists"}