johnnyhicks95 / MERN-GraphQL-starter

GraphQL API + React + Redux + Material UI + JWT Authentication (boilerplate)

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

GraphQL API using React + Redux + Material UI + JWT (boilerplate)

PRs Welcome License: MIT

Description

This project aims to get GraphQL query and mutation examples from the client side made for MERN stack development.

Client

The client allows you to connect with the GraphQL API it requests a user list and also adding users as example.

API

Was designed on TypeScript for GraphQL has JWT authorization implemented for users from the client app and also for Apollo Client web tool.

Run your queries safely on this tool even in your future production environment with the auth middleware implemented.

I have a REST service on express for login and logout users in a secure mode isolated from GraphQL.

Features

  • React application with create-react-app
  • Redux
  • Material Design
  • Sign Up, Sign In, Sign Out (REST isolated service using redux for react)
  • API GraphQL with Apollo Client
  • Node.js with Apollo Server on TypeScript
  • API with Queries, Mutations, Subscriptions + examples
  • CLIENT listing users through GraphQL and add new ones
  • Entities: users and workspaces
  • Authentication powered by JWT (React client)
  • Protected server endpoints by middleware + Apollo interface

Installation

Go to ./app and ./api folders and follow their README files 😊👍

Demo Gif

apollo graphql

React Login

About

GraphQL API + React + Redux + Material UI + JWT Authentication (boilerplate)

License:MIT License


Languages

Language:JavaScript 67.0%Language:TypeScript 27.1%Language:HTML 3.7%Language:CSS 2.2%