Natalia Migallón

Proyectos

( )
Delicious Profile Cards

Delicious Profile Cards

React.js | Express.js | SQLite | HTML5 | CSS3 (Flexbox, Grid) | SASS

Refactorización a React.js de un código heredado en Vanilla Javascript. Además se ha creado un servidor propio con Node.js, Express.js y SQLite.

Rick and Morty Character Finder

Rick and Morty Character Finder

React.js | HTML5 | CSS3 (Flexbox, Grid) | SASS

Buscador de personajes de la serie Rick and Morty. Programada en React.js, los datos de los personajes se extraen de una API a través del mecanismo Fetch. Consta de tres filtros de búsqueda y, de cada personaje, se puede consultar información más detallada con la creación de una segunda tarjeta de datos. Dispone de un botón de retorno, en donde queda almacenada la búsqueda realizada.

Series Finder

Series Finder

Vanilla Javascript | HTML5 | CSS3 (Flexbox, Grid) | SASS

Buscador de series cuyos datos se extraen de una API a través del mecanismo Fetch. Programado en Vanilla Javascript, permite almacenar en el local storage las series seleccionadas como favoritas a través de un click sobre la carátula.

Look Like Loop Cards

Look Like Loop Cards

Vanilla Javascript | HTML5 | CSS3 (Flexbox, Grid) | SASS | Gulp

Aplicación para generar tarjetas de visita virtuales programada con Vanilla Javascript. En ella el usuario introduce los datos requeridos, hace el envío de los mismos y el servidor le devuelve una URL con la tarjeta, que puede ser compartida en Twitter a través de un botón que se incluye en la web. Asimismo, los datos quedarán almacenados en el local storage para una mejor experiencia de usuario.

Pokemon

Pokemon

React.js | HTML5 | CSS3 (Flexbox, Grid) | SASS

Listado de personajes de Pokemon, cuyos datos se extraen de un fichero .json, y se renderizan usando como soporte React.js. La funcionalidad de esta web es la posibilidad de seleccionar cada tarjeta del personaje para señalarla como favorita.

#InDemo

#InDemo

HTML5 | CSS3 (Flexbox, Grid) | SASS

Web colaborativa responsive que consta de diferentes secciones, incluyendo un formulario de envío. Se ha hecho uso de diferentes métodos como Flexbox, Grid, transiciones y animaciones.

Anonymous Proxy

Anonymous Proxy

HTML5 | CSS3 (Flexbox, Grid) | SASS

Web sencilla para practicar la maquetación responsive, haciendo uso de diferentes métodos como Flexbox, Grid, transiciones y animaciones.