Sitio web en Angular + Bootstrap (solo frontend) para evento de festival de baile en Ecuador
Budget: $30 – $250 USD
O B J E T I V O
Realizar nuestra 1era edición de Ecuador Latin Festival, por lo cual necesitamos disponer de un sitio web para que funcione como landing Page y como página informativa acerca del evento y en 2do alcance disponer de un botón de pago para la venta online de tickets para el evento.
A L C A N C E
Como 1er alcance, se necesita un MVP (producto mínimo viable) es decir, se necesita la Landing page con lo necesario para poder abordar al público que desea saber sobre el evento y luego ya en un 2do alcance se pueden ir mejorando y agregando cosas (como el botón de pagos)
El que redacta este documento es arquitecto de software, por lo cual estaré dando detalles técnicos en esta documentación.
Cabe recalcar, que solo se necesita la parte del frontend, es decir el desarrollo de la aplicación en Angular, la parte del Backend y deploy a producción, es competencia del que redactó este documento.
R E Q U I S IT O S T ÉC N I C O S
La aplicación web debe de ser desarrollada en Angular (última versión)
Se debe de utilizar Bootstrap como framework de diseño
En el material adjunto, también se ubicará el logotipo del evento.
Se adjunta prototipo de ejemplo de un sitio web que es muy similar a lo que necesitamos, el evento se llama Bachaturo https://bachaturo.com/
Del sitio web de ejemplo que indico en el punto anterior, modifique con el inspector de elementos del navegador para que se adapte a lo que necesitamos (lo explico porque se notará la diferencia entre el prototipo adjunto y la página web de Bachaturo)
Se debe de desarrollar considerando la buena práctica de componer lo mejor posible, es decir algo un poco granular, lo que significa que cada página sería un componente de Angular o a su vez puede llegar a ser varios componentes (como para el Home que es la página con más elementos)
La tipografía y los colores que orbitan para la página, no deben de ser igual al de la página de ejemplo (Bachaturo es solo para guiarse en los componentes visuales, recomendar alguna paleta de colores.)
Se debe de considerar la transición de los elementos al momento de scrollear (es decir el fade in left y fade in right que tiene la página de ejemplo de Bachaturo al momento de scrollear)
Se debe de considerar el icono de la flechita hacia arriba que se encuentra Fixed en todo el sitio, esto para poder scrollear todo hacia arriba de un solo golpe (así como lo tiene la página de ejemplo Bachaturo)
Considera que también se consumirá un backend para un par de acciones, entonces se recomienda usar un service.ts o algún proxy centralizado para tener las invocaciones en un solo lugar y no regado por los diferentes componentes. (Esto como buena práctica de desarrollo)
El sitio web debe ser responsivo, se debe de poder visualizar desde smartPhone de manera correcta. (Considera el uso de los col-sm-* de Bootstrap)
NOTA: Para mayor comprensión de lo que se desea en el sitio web, se ubicará subcarpetas por cada página que conforma el sitio, en este se detalla con imágenes y videos lo que se requiere (tomar en cuenta el nombre del archivo para mejor entendimiento de lo que se refiere la imagen).
A S P E C T O S F U N C I O N A LE S
El sitio web se conformará de las siguientes páginas:
- Inicio
- Artistas
- Hoteles
- Tickets
- Competencia
Realizar nuestra 1era edición de Ecuador Latin Festival, por lo cual necesitamos disponer de un sitio web para que funcione como landing Page y como página informativa acerca del evento y en 2do alcance disponer de un botón de pago para la venta online de tickets para el evento.
A L C A N C E
Como 1er alcance, se necesita un MVP (producto mínimo viable) es decir, se necesita la Landing page con lo necesario para poder abordar al público que desea saber sobre el evento y luego ya en un 2do alcance se pueden ir mejorando y agregando cosas (como el botón de pagos)
El que redacta este documento es arquitecto de software, por lo cual estaré dando detalles técnicos en esta documentación.
Cabe recalcar, que solo se necesita la parte del frontend, es decir el desarrollo de la aplicación en Angular, la parte del Backend y deploy a producción, es competencia del que redactó este documento.
R E Q U I S IT O S T ÉC N I C O S
La aplicación web debe de ser desarrollada en Angular (última versión)
Se debe de utilizar Bootstrap como framework de diseño
En el material adjunto, también se ubicará el logotipo del evento.
Se adjunta prototipo de ejemplo de un sitio web que es muy similar a lo que necesitamos, el evento se llama Bachaturo https://bachaturo.com/
Del sitio web de ejemplo que indico en el punto anterior, modifique con el inspector de elementos del navegador para que se adapte a lo que necesitamos (lo explico porque se notará la diferencia entre el prototipo adjunto y la página web de Bachaturo)
Se debe de desarrollar considerando la buena práctica de componer lo mejor posible, es decir algo un poco granular, lo que significa que cada página sería un componente de Angular o a su vez puede llegar a ser varios componentes (como para el Home que es la página con más elementos)
La tipografía y los colores que orbitan para la página, no deben de ser igual al de la página de ejemplo (Bachaturo es solo para guiarse en los componentes visuales, recomendar alguna paleta de colores.)
Se debe de considerar la transición de los elementos al momento de scrollear (es decir el fade in left y fade in right que tiene la página de ejemplo de Bachaturo al momento de scrollear)
Se debe de considerar el icono de la flechita hacia arriba que se encuentra Fixed en todo el sitio, esto para poder scrollear todo hacia arriba de un solo golpe (así como lo tiene la página de ejemplo Bachaturo)
Considera que también se consumirá un backend para un par de acciones, entonces se recomienda usar un service.ts o algún proxy centralizado para tener las invocaciones en un solo lugar y no regado por los diferentes componentes. (Esto como buena práctica de desarrollo)
El sitio web debe ser responsivo, se debe de poder visualizar desde smartPhone de manera correcta. (Considera el uso de los col-sm-* de Bootstrap)
NOTA: Para mayor comprensión de lo que se desea en el sitio web, se ubicará subcarpetas por cada página que conforma el sitio, en este se detalla con imágenes y videos lo que se requiere (tomar en cuenta el nombre del archivo para mejor entendimiento de lo que se refiere la imagen).
A S P E C T O S F U N C I O N A LE S
El sitio web se conformará de las siguientes páginas:
- Inicio
- Artistas
- Hoteles
- Tickets
- Competencia