Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

update(boilerplate): boilerplate section #233

Merged
merged 8 commits into from
Feb 4, 2021
Merged
Show file tree
Hide file tree
Changes from 5 commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
88 changes: 88 additions & 0 deletions docs/boilerplate.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,88 @@
---
id: boilerplate
title: Boilerplate de Proyecto
sidebar_label: Boilerplate de Proyecto
---
## ¿Qué es un Boilerplate?

Un boilerplate es un marco o plantilla para el desarrollo de un proyecto. Es una estructura de proyecto ya definida de antemano que sirve para agilizar la organización y el desarrollo del software. Acelera la integración de soluciones y formatos que sirven para conducir el desarrollo de un nuevo proyecto a la producción.

En EOS Costa Rica hemos creado tres repositorios boilerplate: **Front-End Boilerplate**, **Back-End Boilerplate** y **Full-Stack Boilerplate**.

## Front-End Boilerplate

[**EOS Costa Rica Front-End Boilerplate**](https://github.com/eoscostarica/webapp-boilerplate)

"Front-end" se refiere a la interfaz de usuario y en el contexto de una aplicación web es la aplicación que se ejecuta en el navegador web de los usuarios.

Utilizamos [React JS](https://guias.eoscostarica.io/docs/tutoriales/tutorial-react), una biblioteca de JavaScript para la construcción de interfaces de usuario de alto rendimiento y basada en componentes que facilita el desarrollo de interfaces de usuario complejas con código predecible y fácil de depurar.

### Front-End Tech Stack

- [React](https://reactjs.org/)
- [Apollo Client](https://www.apollographql.com/docs/react/v3.0-beta/)
- [Material UI](https://material-ui.com/)
- [i18 next](https://react.i18next.com/)

### Colecciones de Componentes React

Hemos desarrollado una colección de componentes en React para EOSIO. Puede ver los componentes que hemos construido en nuestro [EOS Costa Rica React Components Storybook](https://guias.eoscostarica.io/docs/tutoriales/tutorial-react#componentes-en-eos-costa-rica)
Para más información sobre los componentes puede visitar [Repositorio de Componentes](https://github.com/eoscostarica/eoscr-components)

## Back-End Boilerplate

[**EOS Costa Rica Back-End Boilerplate**](https://github.com/eoscostarica/backend-boilerplate)

"Back-end" se refiere a la aplicación del servidor, se puede describir es la capa de acceso a los datos de una aplicación que contiene la lógica de negocio para la gestión de datos dentro de la aplicación.

### Back-End Tech Stack

- [Hasura](https://hasura.io/)
- [Hapi](https://hapi.dev/)
- [IPFS](https://ipfs.io/)
- [PostgreSQL](https://www.postgresql.org/)
- [EOS](https://eos.io/)
Edgar097 marked this conversation as resolved.
Show resolved Hide resolved

### Infraestructura

- [Docker](https://www.docker.com/)
- [K8s](https://kubernetes.io/)

### GraphQL / Hasura

El motor Hasura GraphQL genera automáticamente su esquema GraphQL y resolutores basados ​​en sus tablas/vistas en Postgres. No es necesario que escriba un esquema GraphQL o solucionadores.

La consola de Hasura le brinda herramientas de interfaz de usuario que aceleran su proceso de modelado de datos o el trabajo con su base de datos existente. La consola también genera automáticamente migraciones o archivos de metadatos que puede editar directamente y verificar en su control de versiones.

El motor Hasura GraphQL le permite hacer cualquier cosa que normalmente haría con Postgres al proporcionar GraphQL sobre construcciones nativas de Postgres.

Obtenga más información en [Hasura](https://guias.eoscostarica.io/docs/herramientas-para-desarrolladores#hasura)

### HTTP API (HAPI)

hapi.js (comúnmente conocido como hapi) son las siglas de HTTP API. Es un marco rico para crear aplicaciones y servicios. Fue diseñado originalmente para el rápido desarrollo de servicios de API RESTful usando JavaScript, pero desde entonces ha crecido hasta convertirse en un marco de aplicación web completo con características listas para usar plantillas, validación de entrada, autenticación, almacenamiento en caché y, más recientemente, soporte. para aplicaciones en tiempo real con soporte web socket.

Obtenga más información en [hapi](https://guias.eoscostarica.io/docs/herramientas-para-desarrolladores#hapi)

### EOSIO

EOSIO es un blockchain de tercera generación que permitirá alcanzar el objetivo de proporcionar un registro inmmutable, permanente, trazable y verificable de toda la actividad en los depósitos de contenedores. Estos datos serán públicos y podrán ser consumidos por cualquier tercero externo.

Obtenga más información en [Componentes EOSIO](https://guias.eoscostarica.io/docs/aprender-eosio/componentes-eosio)

### PostgresDB

Edgar097 marked this conversation as resolved.
Show resolved Hide resolved
*"PostgreSQL es un potente sistema de base de datos relacional de objetos de código abierto con más de 30 años de desarrollo activo que le ha ganado una sólida reputación por su fiabilidad, solidez y rendimiento".*

PostgreSQL viene con muchas características destinadas a ayudar a los desarrolladores a crear aplicaciones, a los administradores a proteger la integridad de los datos y a crear entornos tolerantes a fallas, y a administrar sus datos sin importar cuán grande o pequeño sea el conjunto de datos.
Obtenga más información en [PostgresDB](https://guias.eoscostarica.io/docs/herramientas-para-desarrolladores#postgresdb)

## Full-Stack Boilerplate

[**EOS Costa Rica Full-Stack Boilerplate**](https://github.com/eoscostarica/full-stack-boilerplate)

El Full-Stack Boilerplate contiene tanto el software del cliente como el del servidor. Hemos creado un esqueleto altamente escalable con las mejores prácticas, fullstack monorepo que contiene nuestras boilerplates de front-end y back-end.

### Diagrama Full Stack

![full-stack-boilerplate](https://user-images.githubusercontent.com/5632966/106770009-2cf32780-6603-11eb-98dd-c1a6a9aa8451.png)
21 changes: 0 additions & 21 deletions docs/plantilla-para-aplicacion-web.md

This file was deleted.

37 changes: 0 additions & 37 deletions docs/plantilla-para-backend.md

This file was deleted.

3 changes: 1 addition & 2 deletions sidebars.js
Original file line number Diff line number Diff line change
Expand Up @@ -8,8 +8,7 @@ module.exports = {
"devops",
"herramientas-para-desarrolladores",
"proyectos-de-codigo-abierto",
"plantilla-para-aplicacion-web",
"plantilla-para-backend",
"boilerplate",
"material-ui",
"recursos-visuales",
"redes-sociales",
Expand Down