heraldofortuna / servicios-prueba-frontend

SPA hecho con ReactJS, Styled-Components, React-Router y Redux. Crea, edita, eliminar y filtra tarjetas con distintos servicios ofrecidos.

Home Page:https://heraldofortuna.github.io/servicios-prueba-frontend/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Reto de Solera

Project Image

Screenshot - Página principal o Home

Project Image

Screenshot - Página de formulario para editar servicios


Tabla de contenidos


Descripción

Single Page Application que nos permite crear, editar, eliminar y filtrar tarjetas con distintos servicios ofrecidos.

Tecnologías

  • HTML
  • CSS
  • JavaScript
  • ReactJS
  • Styled components
  • Redux
  • React router

Ir al inicio


¿Cómo usar esta aplicación?

Primero, clona el repositorio usando tu llave pública ssh en la carpeta local de tu preferencia, usando el siguiente comando:

$ git clone
git@github.com:heraldofortuna/servicios-prueba-frontend.git

Ahora, ingresa al directorio de la aplicación:

$ cd servicios-prueba-frontend

Luego, instala las dependencias de la aplicación corriendo el siguiente comando npm:

npm install

Una vez cargado todo, ya estamos listos para arrancar la aplicación ingresando lo siguiente:

npm start

Finalmente, abrimos el link de nuestro localhost http://localhost:3000 para ver nuestro desarrollo en un ambiente seguro.

  • Ojo: La aplicación ya se encuentra deployada en la web en el siguiente enlace gh:
https://heraldofortuna.github.io/servicios-prueba-frontend/

Referencias

Documentación oficial de ReactJS:

https://reactjs.org/docs/getting-started.html

Documentación oficial de Redux:

https://react-redux.js.org/tutorials/quick-start

Ir al inicio


Comentarios

  • Puedes filtrar por categorías de servicios en el navegador superior.

  • En el formulario de la derecha del home, podemos crear un nuevo servicio, además de cancelar lo ingresado en caso cambiemos de opinión pero ojo: Solo está permitido un ingreso máximo de 25 caracteres para el título y 75 para la descripción del mismo.

  • La aplicación es responsiva al 100% (usé medias queries para esto).

Ir al inicio


Licencia

MIT License

Copyright (c) [2021] [Heraldo Fortuna]

Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:

The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.

THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

Ir al inicio


Autor

Ir al inicio

About

SPA hecho con ReactJS, Styled-Components, React-Router y Redux. Crea, edita, eliminar y filtra tarjetas con distintos servicios ofrecidos.

https://heraldofortuna.github.io/servicios-prueba-frontend/

License:MIT License


Languages

Language:JavaScript 94.0%Language:HTML 6.0%