Giter VIP home page Giter VIP logo

artifactdra19's People

Contributors

aff151 avatar antonioofdz avatar ayadlaouissi avatar bowloforanges avatar diegocangas avatar jeffersonmax90 avatar jmr779 avatar manelme avatar razvanandreilismanu avatar sckv avatar snakedoc12 avatar ssg127 avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar

artifactdra19's Issues

UI - Navbar

Crear un componente barra de navegación que contenga un campo formulario con un input mapeado a searchItem. El componente de la barra de navegación se llamará gotNavBar.

CSS: {
altura: 10%,
anchura: 100%,
background-color:#38404c,
text-color: white
}

Este componente deberá quedar completamente pegado al top de la pagina y ser siempre visible. El mismo debe de contener 3 componentes, a la izquierda un icono para la app, en medio el nombre de la app y a la derecha la susodicha barra de búsqueda.

NavBar

UI - Container

Crear un componente llamado container que ocupe el 95% del ancho de la página y que esté centrado.

CSS: {
width: 95%,
background-color: #cacdd1
}

Añadir POJO y CrudRepository al proyecto Spring.

Crear un POJO con los elementos necesarios para controlar las cartas.

Recomendación, darle un vistazo al script jsontosql para ver cuales son los campos que vamos a necesitar controlar en nuestra base de datos en primera instancias.

Una vez tengamos el POJO declarado y con las anotaciones pertinentes vamos a crear una interfaz que herede de CrudRepository<'NombreDePojo','TipoDeIdDePojo'> que nos implemente los metodos pertienentes de tipo crud.

Related Issue: #45 Debe de completarse primero.

UI - MemberList

Lista de componentes en los que entren 5 miembros de la clase por fila con foto y nombre, solo nombre.

CSS: {
width: 95%,
background-color: #cacdd1
}

UI - LanguageSelector

Crear un componente que mida de ancho 50px y contenga banderitas por cada idioma seleccionble y cuando se seleccione un idioma este aparezca con el mimo nombre que tiene en la base de datos es una variable llamada languageSelected.

CSS: {
width: 50px,
border: 1px,
background-color:#38404c,
text-color: white
}

Limpiar docker-composes

En la carpeta de backend, nos vamos a quedar solo con MongoDB, MySQL, Tomcat, nginx reverse proxy, Apache y el script de JsonToSql, y vamos a unificarlo todo en un mismo docker-compose.

P.D: Eliminar los demas composes y las carpetas sobrantes.

UI - CardDetail

Mostrar todos los parámetros de una carta que entre por una variable @input llamada cardDetail. Usar selector de idioma para cambiar el lenguaje de la misma. cuando este realizado el cardService.

UI - README

Modificar los readme de Backend, Frontend y principal explicando la manera de lanzar cada uno de ellos.

Crear proyecto Spring

Subir un proyecto Spring llamado 'ual.dra.artifact19' company.group.artifefacto respectivamente al generarlo con springboot. Debe tener las siguientes dependencias:

Web JPA MySQL

Colocar el proyecto en una nueva carpeta en backend y procurar que tenga un .gitignore que evite que se suban las dependencias y la carpeta target.

UI - MemberListItem

Generar un componente memberListItem que incluya nombre y foto del miembro de la clase, junto con su posición.

Imagen 2

UI - AboutComponent

Componente que ocupe el 100% de la página y que este en una ruta distinta a la ruta de entrada.

CSS: {
background-color: #cacdd1
}

UI - collaboratorService

Un servicio inyectable (como el de heroes) que tenga una variable con datos de los alumnos de la asignatura.

UI - Footer

Crea un componente footer que tenga tres columnas que tengan datos de la universidad de Almería, un mapa de google maps centrado en la UAL y un enlace a la página de la asignatura en ingles

CSS: {
altura: 10%,
anchura: 100%,
background-color:#38404c,
text-color: white
}

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.