--- title: "AjeaSmith (@YTDevs) | Hashnode" description: "A Thrilled Frontend developer. Read the latest articles by AjeaSmith on Hashnode." url: "https://hashnode.com/@YTDevs" --- @YTDevs # AjeaSmith @YTDevs · Michigan · Joined September 2020 A Thrilled Frontend developer [Website](https://ajeasmith.github.io/portfoliosite/) ### [Slack Clone with React | Semantic UI | GraphQL | PostgresSQL (PART 7)](https://ajeasmith.hashnode.dev/slack-clone-with-react-postgressql-part-7?utm_source=hashnode&utm_medium=feed) 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... 8 min read · [ajeasmith.hashnode.dev](https://ajeasmith.hashnode.dev/slack-clone-with-react-postgressql-part-7?utm_source=hashnode&utm_medium=feed) [Sep 27, 2020](https://hashnode.com/posts/slack-clone-with-react-postgressql-part-7/5f70cb0664a9d871ed9b9ac3) ### [Slack Clone with React | Semantic UI | GraphQL | PostgresSQL (PART 6)](https://ajeasmith.hashnode.dev/slack-clone-with-react-postgressql-part-6?utm_source=hashnode&utm_medium=feed) 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... 5 min read · [ajeasmith.hashnode.dev](https://ajeasmith.hashnode.dev/slack-clone-with-react-postgressql-part-6?utm_source=hashnode&utm_medium=feed) [Sep 19, 2020](https://hashnode.com/posts/slack-clone-with-react-postgressql-part-6/5f65a3e16dfc523d0a893078) ### [Slack Clone with React | Semantic UI | GraphQL | PostgresSQL (PART 5)](https://ajeasmith.hashnode.dev/slack-clone-with-react-postgressql-part-5?utm_source=hashnode&utm_medium=feed) 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... 8 min read · [ajeasmith.hashnode.dev](https://ajeasmith.hashnode.dev/slack-clone-with-react-postgressql-part-5?utm_source=hashnode&utm_medium=feed) [Sep 16, 2020](https://hashnode.com/posts/slack-clone-with-react-postgressql-part-5/5f61bee9dc74720d9b85e96d) ### [Slack Clone with React | Semantic UI | GraphQL | PostgresSQL (PART 4)](https://ajeasmith.hashnode.dev/slack-clone-with-react-postgressql-part-4?utm_source=hashnode&utm_medium=feed) 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... 3 min read · [ajeasmith.hashnode.dev](https://ajeasmith.hashnode.dev/slack-clone-with-react-postgressql-part-4?utm_source=hashnode&utm_medium=feed) [Sep 15, 2020](https://hashnode.com/posts/slack-clone-with-react-postgressql-part-4/5f6149d2dc74720d9b85e5b5) ### [Slack Clone with React | Semantic UI | GraphQL | PostgresSQL (PART 3)](https://ajeasmith.hashnode.dev/slack-clone-with-react-postgressql-part-3?utm_source=hashnode&utm_medium=feed) 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... 7 min read · [ajeasmith.hashnode.dev](https://ajeasmith.hashnode.dev/slack-clone-with-react-postgressql-part-3?utm_source=hashnode&utm_medium=feed) [Sep 15, 2020](https://hashnode.com/posts/slack-clone-with-react-postgressql-part-3/5f60745761ae5e025d85b4ef)