I know you’ve heard of it before, but what is it? — This article will have two parts; What is web hosting exactly? Why is it important? What is Web Hosting? Think of web hosting as a storage space for your website files. Once you sign up for a hosting service online, your renting space on a server(webserver) for your website files(HTML, CSS, Javascript, images, etc.)…

For starters, we all have used a browser at some point. Most likely, you’re using one to read this article. — For starters, we all have used a browser at some point. Most likely, you’re using one to read this article (unless you’re using an app lol.). A browser is Chrome, Firefox, Safari, and Opera. It is software used to search the web and display the content you searched. Now that…

HTTP stands for Hypertext Transfer Protocol. Cool, what is it, and why is it important? — Simply it’s when the client and server talk to each other using the HTTP protocol, almost like how we use phones to talk to each other. Before confusing you any further, let’s go over what a client and server are. Client: A user on the browser roaming the web for…

As we know the internet to us, is being able to go on Facebook, Twitter, and Instagram and chat with our friends and family. However, if we’re diving into the web development industry we need to look a bit further. So, this is my attempt to explain in the simplicity…

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 to have a different folder for my frontend. cd desktop mkdir chatroom_front cd chatroom_front Create a react project inside the chatroom_front folder, don’t give it…

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. …

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 what they should return. Queries look like this => type Query { getColors: [String]! getNames: [String] sayName: String! } (EX: getColors needs to return an array of strings, which will be color…

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 folder chatroom. …

Introduction Hey all, this project will be a series. I don’t know how long the series will be as I’m still working on the project as I write these articles. I’ve wanted to build a chat app for quite some time. …