Terminado

Brakepoints de pantallas y Tests en Storybook

Publicado el 21 Marzo, 2025 en Programación y Tecnología

Sobre este proyecto

Abierto

Buscamos un programador especializado en la maquetación de pantallas responsivas y la creación de tests en Storybook, siguiendo nuestras guías de estilo y sistema de diseño.

Es fundamental contar con experiencia en las siguientes tecnologías:
- Lenguajes y Frameworks: TypeScript, Next.js, React, Redux, RTK.
- Estilos y UI: Emotion, Material UI.
- Herramientas y Control de Versiones: Docker, Git, Jest.
- Buenas prácticas: Guías de estilo, patrones de diseño, revisión y optimización de código existente.

Flujo de trabajo:
- Se entrega el diseño de las pantallas en Figma, junto con la documentación del design system.
- Se agenda una reunión para explicar metodologías y proporcionar accesos.
- Se sube el código para revisión, donde CodeRabbit proporcionará comentarios junto con alguno de los integrantes de nuestro equipo.
- Se realizan los ajustes necesarios hasta que el código sea aprobado.

Criterios de aceptación:
✅ Maquetación correcta de las pantallas, considerando los breakpoints definidos. (4)
✅ Creación de tests en Storybook ( Verificar que cuando se actualice un componente, sigan funcionando los otros breakpoints, La vista cumple con snapshot, odos los inputs funcionan en cada brackepoint)
✅ Código subido al repositorio y aprobado por CodeRabbit y un integrante del equipo.
✅ Organización adecuada de los componentes en sus respectivas carpetas, según el Design System.
✅ Uso correcto de colores, tipografías y estilos de la marca.

Breakpoints a considerar:
Desktop 1: 1366x768
Desktop 6/10: 1280x720
Tablet 1: 768x1024 (vertical)
Mobile 5/14: 414x896

Contexto general del proyecto

Alcance del Proyecto: Para este proyecto, ya cuento con todos los diseños maquetados del breakpoint Desktop 1. Hace falta crear los otros breakpoints y sus tests. Necesito cotizar el precio por hora y saber cuanto tiempo les tomaría hacer cada breakpoint con sus tests. 💡 Nota importante: Probablemente algunas pantallas requieran refactors.

Categoría Programación y Tecnología
Subcategoría Programación Web
¿Cuál es el alcance del proyecto? Crear un nuevo sitio personalizado
¿Es un proyecto o una posición? Un proyecto
Actualmente tengo Tengo el diseño
Disponibilidad requerida Según se necesite
Roles necesarios Programador

Plazo de Entrega: No definido

Habilidades necesarias