Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/guilhermedinardi/entria
https://github.com/guilhermedinardi/entria
graphql javascript mongodb react relay
Last synced: 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/guilhermedinardi/entria
- Owner: guilhermedinardi
- Created: 2021-06-24T16:40:43.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2021-09-02T22:22:34.000Z (over 3 years ago)
- Last Synced: 2024-08-01T21:49:31.676Z (5 months ago)
- Topics: graphql, javascript, mongodb, react, relay
- Language: JavaScript
- Homepage:
- Size: 389 KB
- Stars: 19
- Watchers: 4
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## 💻 Sobre o projeto
Criar uma aplicação fullstack, utilizando Relay.JS no Frontend e GraphQL no Backend
## 📖 O que eu aprendi
- Como o Relay funciona, quais os principais conceitos, sendo eles connections, para que possa obter-se edges e nodes, paginnations, que serve para mostrar o proximo conteúdo existente na aplicação, updater, para atualizar o node e mostrar alguma atualização que o cliente tenha feito e utilizar o relayDevTools.
- Como o GraphQL funciona, como criar uma query e uma mutation, como fazer para que a aplicação tenha as connections e como os resolvers funcionam, para serem consumidas no Front utilizando Relay, utilizar code first ao invés de schema first e também como o playground do GraphQL funciona para criar suas querys e mutations
## 🚀 Como executar o projeto
Este projeto é divido em duas partes:
1. Backend (pasta server)
2. Frontend (pasta client)
💡 O Frontend precisa que o Backend esteja sendo executado para funcionar.
#### 🎲 Rodando o Backend (servidor)
```bash
# Clone este repositório
$ git clone https://github.com/guilhermedinardi/entria.git
# Acesse a pasta do projeto no terminal/cmd
$ cd entria/server
# Instale as dependências
$ yarn install
# Execute a aplicação em modo de desenvolvimento
$ yarn dev
# O servidor inciará na porta:4000 - acesse http://localhost:4000
```
#### 🧠Rodando a aplicação web (Frontend)
```bash
# Clone este repositório
$ git clone https://github.com/guilhermedinardi/entria.git
# Acesse a pasta do projeto no seu terminal/cmd
$ cd entria/client/crud
# Instale as dependências
$ yarn install
# Execute o Relay
$ yarn relay
# Execute a aplicação em modo de desenvolvimento
$ yarn start
# A aplicação será aberta na porta:3000 - acesse http://localhost:3000
```
## 🎥 Aplicação rodando
