El proyecto corre sobre Angular versión 13.3.0.
El proyecto cumple con lo solicitado para el Atom challenge, cualquier comentario pueden contactarse conmigo!.
He usado BEM (Block Element Modifier) para nombrar las clases y Atomic Design para la organización de los componentes que decidi crear.
Decidi no usar Tailwind/Bootstrap porque concidero que para el alcance del proyecto no era necesario, personalmente opino que tanto las clases reutilizables que nos da Bootstrap y su Grid system hace que el html sea poco legible, y respecto a la parte de su Grid system agrega margenes y paddings que hace dificil alcanzar un grado de igualdar al diseño que nos den, ya sea Figma, etc.
He creado algunos SCSS reutilizables de colores, utilitarios, breakpoints, etc. Podran encontrarlos en la carpeta commons, eso con el fin de hacer menos lineas de codigo y poder reutilizarlo en cada vista que sea necesaria.
Para la parte del CRUD decidi usar Firebase por su facilidad de uso, algo que me gusta es que nos permite tener cambios en tiempo real al igual que los WebSockets.
Para finalizar quiero comentar que todo es responsive, espero que les agrade mi proyecto, saludos~!.
Usar los siguientes comandos:
npm installng serve -o
Para este proyecto se uso:
Angular 13+Angular MaterialReactive formsFirebase | Firestore | Firebase Hosting
Los Wireframes que hice antes de empezar el desarrollo y pasarlo a alta estan en el siguiente link: Miro Project.
El proyecto se encuentra desplegado en el siguiente link: Firebase Hosting.
Anthony Juarez Solis: Linkedin Profile.