Hashnode Blog Post Article series

• Custom directives with express-graphql part-1
• Custom directives with express-graphql part-2
• Custom directives with express-graphql part-3

🌐 Live preview: Link

Tech stack

• graphql
• react
• nodejs
• mongodb
• deployment
• authentication with JWT

I am using React as my frontend frameworks but you can easily use any other frontend framework such as Angular or svelte. Few other technologies that I am using on my frontend are:

• @apollo/client
• Material-UI
• Typescript

👉 Note: Main branch consists the final code along with deployment workflows , client & server complete setup

👉 Note: client-redux folder also consists of frontend with client graphql implementation using redux. Although , it is important to note that, functionalities such live as refetching of queries , implementaion of custom fetch and error policies is not implemented in this project.

📍 Orignal Blog post can be found on my personal site: Link

Screenshots

---

1. Home Page

   

2. Login Form

   

3. Register Form

   

4. Admin Home Page

   

5. User List

   

6. Posts display

   

7. Role selection

   

8. Deployment workflow