https://github.com/vonderklaas/chat-graphql

SPA application made with React using Vite CLI. Here I fetch chat messages via GraphQL and create separate channels & rooms for available users.
https://github.com/vonderklaas/chat-graphql

graphql react react-toast typescript zustand

Last synced: 5 days ago
JSON representation

SPA application made with React using Vite CLI. Here I fetch chat messages via GraphQL and create separate channels & rooms for available users.

• Host: GitHub
• URL: https://github.com/vonderklaas/chat-graphql
• Owner: vonderklaas
• Created: 2023-03-31T14:26:53.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2023-04-09T12:45:45.000Z (almost 2 years ago)
• Last Synced: 2024-11-10T10:37:08.331Z (2 months ago)
• Topics: graphql, react, react-toast, typescript, zustand
• Language: TypeScript
• Homepage: https://chat-graphql-kohl.vercel.app/
• Size: 212 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
### Chat GraphQL

### URL

Deployed Project: https://chat-graphql-kohl.vercel.app/

### Overview

- I created a SPA application with React using Vite

- I added ability to select Users and Channels

- I added chat with latest messages from API (GraphQL)

- I added ability to post messages and see updates

- I handled notifications and errors using react-toasts library

- I used Zustand (minimalistic library) to store current message in localStorage

- I decided to use Tailwind for styling the User Interface

- I created some basic Responsive design

- I deployed project on Vercel hosting