Mini aplicacion de React con Vite que utiliza Tailwind CSS para su diseño y TypeScript para su codigo principal.
Llamado primary_button.tsx en la seccion de componentes, es el boton que te mueve de la primera pagina a la segunda pagina y de la segunda a la tercera. Como se buscaba un diseño mas coherente y segmentado, el boton principal obtuvo este proposito.
Llamado sidebar.tsx en la seccion de componentes, es un menu que te deja moverte libremente entre las paginas de la aplicacion, se encuentra en la derecha de la pagina y solo se encuentra al presionar el unico boton en el header de cada pagina. Contiene items que es un componente reutilizable capaz de redirigirse a cualquier pagina.
Llamada article.tsx en la seccion de componentes, es usado exclusivamente en la pagina de articulos y es un componente capaz de ser reutilizado de forma rapida y sencilla para desplegar informacion sobre el contenido que sea necesario.
Flex es escencial para el redimensionamiento de objetos, y fue extensamente usado en las 3 paginas para darle un diseño limpio a la pagina.
Son el bloque basico para la construccion de la interfaz en Tailwind, y son usados en este proyecto para posicionar objetos correctamente.
Se utiliza para darle el espacio correcto a los diferentes objetos en la pagina y evita que se sienta muy pegado el contenido.
Le da diseño a todo el texto presente en la pagina, especialmente los colores que ofrece tailwind para un diseño unificado.
El fondo de cada contenedor, division o componente; Se le da un color de tal forma que mantenga la unidad visual del diseño y sea facil de leer.