https://github.com/miguelitodev/graphql-fundamentals

👉 It's a very simple project to learn the fundamentals of GraphQL in React, so in this project a backend and a frontend were made, where there was data registration and request, I did it by following a rocketseat video
https://github.com/miguelitodev/graphql-fundamentals

apollo-client backend cache-control frontend graphql react rocketseat typescript vitejs

Last synced: about 1 month ago
JSON representation

👉 It's a very simple project to learn the fundamentals of GraphQL in React, so in this project a backend and a frontend were made, where there was data registration and request, I did it by following a rocketseat video

• Host: GitHub
• URL: https://github.com/miguelitodev/graphql-fundamentals
• Owner: miguelitodev
• Created: 2022-09-10T02:30:20.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2022-09-10T04:16:51.000Z (over 2 years ago)
• Last Synced: 2023-10-31T23:27:26.789Z (about 1 year ago)
• Topics: apollo-client, backend, cache-control, frontend, graphql, react, rocketseat, typescript, vitejs
• Language: TypeScript
• Homepage:
• Size: 163 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
 

  


 



Graphql Fundamentals




  

  

  

  

  

  

  





  About   |   

  Features   |  

  Technologies   |  

  Requirements   |  

  Starting   |  

  Author






## :dart: About

It's a very simple project to learn the fundamentals of GraphQL in React, so in this project a backend and a frontend were made, where there was data registration and request, I did it by following a rocketseat video

Link of video

## :sparkles: Features

:heavy_check_mark: Request with GraphQL a list of users;\

:heavy_check_mark: Register a new user with GraphQL;\

:heavy_check_mark: Simple system of cache;\

:heavy_check_mark: Backend & Frontend together;

## :rocket: Technologies

The following tools were used in this project:

- [Node.js](https://nodejs.org/en/)

- [GraphQL](https://graphql.org/)

- [Apollo GraphQL](https://www.apollographql.com/docs/react/)

- [Vite.JS](https://vitejs.dev/)

- [React](https://pt-br.reactjs.org/)

- [TypeScript](https://www.typescriptlang.org/)

## :white_check_mark: Requirements

Before starting :checkered_flag:, you need to have [Git](https://git-scm.com) and [Node](https://nodejs.org/en/) installed.

## :checkered_flag: Starting

```bash

# Clone this project

$ git clone https://github.com/miguelrisquelme/graphql-fundamentals

# Access

$ cd graphql-fundamentals

# TWO PARTS

# Backend 🔥

# Access in 1 terminal

$ cd backend

# Install dependencies

$ npm i

# Run the backend project

$ npm run dev

# The server will initialize in the 

# Frontend ✨

# Acess in another terminal

$ cd frontend

# Install dependencies

$ npm i

# Run the backend project

$ npm run dev

# The server will initialize in the 

```

Made with :heart: by Miguel Riquelme

 

Back to top