API em GraphQL

💻 Projeto

Projeto Fullstack de um marketplace simples para demonstrar o uso do GraphQL. Através do MySQL WorkBench foi recuperado o banco de dados northwind já povoados com dados de exemplo.

No Back-end foi utilizado o Node.js com o Apollo Server para criar a API GraphQL e Knex para puxar os dados do banco de dados MySql.

No Front-end foi utilizado o React.js com o Apollo Client para consumir a API GraphQL e exibir os dados em tela, junto com as funcionalidades básicas de um CRUD.

✨ Tecnologias

Esse projeto foi desenvolvido com as seguintes tecnologias:

Front-end:

• React
• GraphQL
• Apollo Client
• Axios
• Yup
• Formik
• Styled Components
• React Router Dom
• React Icons
• FortAwesome
• Material UI

Back-end:

• Node.js
• GraphQL
• Type GraphQL
• Apollo Server
• Knex
• MySQL WorkBench
• MySQL2
• Class Validator

🚀 Como executar

• Clone o repositório
• Instale o MySQL WorkBench e o MySQL
• Instale o Node.js
• Acesse o MySQL WorkBench e recupere o banco de dados northwind através do arquivo instnwnd.sql
• Através do terminal acesse a pasta do backend com cd backend
• Instale as dependências com npm install
• Agora abra em seu editor de código a pasta do backend
• Crie um arquivo .env na raiz do projeto e copie o conteúdo do arquivo .env.example para dentro dele
• E altere o valor da variável password para a senha do seu banco de dados MySQL
• Inicie o servidor com npm run dev
• Para acessar o GraphQL Playground acesse localhost:4000
• Agora abra um novo terminal separado e acesse a pasta do frontend com cd frontend
• Instale as dependências com npm install
• Inicie o front-end com npm run start
• Agora você pode acessar localhost:3000 do seu navegador.

👨‍👦‍👦 Colaboradores

Nome: Djalma Henrique Silva Lima

• GitHub: DjalmaHenry

Nome: Lucas dos Santos Amorim Rego

• GitHub: lucass235

Nome: Marcos Fellipe Andrade da Silva

• GitHub: marcosfandrade

Nome: Ronny Lima Ribeiro da Silva

• GitHub: ronnylrsd