Dev Projects

HomeBadges

Slack Clone with React | Semantic UI | GraphQL | PostgresSQL (PART 7)

Sep 27, 20208 min read

In part 6 of this series, we set up the apollo client along with the folder structure. However, since I have changed my folder structure and routes a little bit, so let's correct those before diving into Register and Login UI with Semantic UI. Refac...

Slack Clone with React | Semantic UI | GraphQL | PostgresSQL (PART 6)

Sep 19, 20205 min read

Previously, we created our Graphql queries and mutations. You can find that article here Today, we're gonna take a step back from the backend for a moment and get our Frontend setup with Apollo Client. Create React Project For simplicity, I'm going...

Slack Clone with React | Semantic UI | GraphQL | PostgresSQL (PART 5)

Sep 16, 20208 min read

Previously, we went over how GraphQL works. You can find that article here. Today, we'll start to create our Graphql queries and mutations. Open up the typesDefs.js file. The first thing we need to do is map out what our data is going to be. We know...

Slack Clone with React | Semantic UI | GraphQL | PostgresSQL (PART 4)

Sep 15, 20203 min read

Previously, we got our database started. You can find that article here. Today, we will talk shortly about Graphql queries and mutations. GraphQL API in a Nutshell Types: Queries, Mutations, custom Types define what your endpoints are and describe w...

Slack Clone with React | Semantic UI | GraphQL | PostgresSQL (PART 3)

Sep 15, 20207 min read

Previously, we set up our Graphql server. You can find that article here. Today, we will work on getting our database started. I suggest watching the installation video in my previous article to see how to start the Postgres server. Then I'll be cr...

Slack Clone with React | Semantic UI | GraphQL | PostgresSQL (PART 2)

Sep 14, 20205 min read

Previously, we went over the intro and installation of PostgreSQL. You can find that article here Today, we will quickly set up our Graphql server. Folder setup Let's start by creating a folder in a place that's convenient for you. I called my fol...

© 2021 Dev Projects

PrivacyTerms
Proudly part of