Introduction

This is a tutorial on how to setup a .NET Core GraphQL server using HotChocolate and a client in React that consumes that API.

We will be designing a simplified Slack clone. The tutorial will use both a SQL and NoSQL data store.

Server completed source code - https://github.com/arif-hanif/SlackClone-Server

Client completed source code - https://github.com/arif-hanif/SlackClone-Client

Tools Required

• Visual Studio Code - IDE

• draw.io - Creating data model diagrams

Server Technologies

• .NET Core 3 - General purpose cross platform development platform maintained by Microsoft

• ASP.NET Core - Framework for building modern, cloud-based, Internet-connected applications in .NET

• HotChocolate - Open Source GraphQL Implementation for .NET

• MongoDB - Open-source NoSQL Database

  • MongoDB .NET Driver - MongoDB Provider for .NET

  • Studio 3T - GUI and IDE for MongoDb

• PostgreSQL - Open-source SQL Database

  • Entity Framework Core - Open Source .NET Object-Relational Mapper (ORM)

  • pgAdmin - Open Source Admin interface for PostgreSQL

  • Npgsql - PostgreSQL Provider for .NET

Client Technologies - React

• React - Javascript Library for building User Interfaces
• Create-React-App - Toolkit for starting React Apps

• Apollo - GraphQL Client library
• TypeScript - Typed Superset of Javascript
• Semantic UI - React UI toolkit

Tutorials Written By

• Arif Hanif

Would love additional contributors or your thoughts on improving the content, reach out to Arif Hanif - [e-mail]