{"id":22468161,"url":"https://github.com/yasemincidem/graphql-chat","last_synced_at":"2026-04-11T03:34:02.618Z","repository":{"id":77461384,"uuid":"296152204","full_name":"yasemincidem/graphql-chat","owner":"yasemincidem","description":"Chat web application with Nodejs, Graphql and React.","archived":false,"fork":false,"pushed_at":"2021-02-17T08:56:32.000Z","size":83568,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-05-31T19:22:56.572Z","etag":null,"topics":["data-loader","graphql","graphql-chat","material-ui","mongodb","nodejs","react"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/yasemincidem.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2020-09-16T21:30:19.000Z","updated_at":"2024-09-26T18:48:32.000Z","dependencies_parsed_at":null,"dependency_job_id":"c1238e78-b718-4679-8db6-7ef1b4206932","html_url":"https://github.com/yasemincidem/graphql-chat","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/yasemincidem/graphql-chat","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yasemincidem%2Fgraphql-chat","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yasemincidem%2Fgraphql-chat/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yasemincidem%2Fgraphql-chat/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yasemincidem%2Fgraphql-chat/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/yasemincidem","download_url":"https://codeload.github.com/yasemincidem/graphql-chat/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/yasemincidem%2Fgraphql-chat/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":31668049,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-04-10T17:19:37.612Z","status":"online","status_checked_at":"2026-04-11T02:00:05.776Z","response_time":54,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["data-loader","graphql","graphql-chat","material-ui","mongodb","nodejs","react"],"created_at":"2024-12-06T11:15:26.342Z","updated_at":"2026-04-11T03:34:02.561Z","avatar_url":"https://github.com/yasemincidem.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# React-graphql-chat\nSimple chat application using React, Node and Graphql.\n\n## All Libraries that are used:\n1. Server:\n-  Get real-time updates from your GraphQL server through `Subscription` type.`\n- `Mongoose` integrated to model my application data.\n- `graphql-yoga` library too create a graphql server.\n- `Data-loader` integrated for avoiding unnecessary multiple requests to MongoDb.\n- `bcrypt` integrated to hash the password before write it to the db.\n- `jsonwebtoken` integrated for token operations.\n- `cuursor-based pagination` added (https://graphql.org/learn/pagination/#pagination-and-edges)\n2. Client:\n- `Webpack` set up\n- `Babel` set up\n- `React-router-dom` for routing operations\n- `@apollo/client` for state management that manages both local and remote data with GraphQL.\n- `material-ui`\n- `draftjs` and `react-draft-wysiwyg` for rich text editor\n- `react-toastify` to show error and info messages.\n- `flow`\n- `eslint` and `prettier`\n- `infinite scroll` added to load the previous messages\n\n## Demo:\n![alt tag](demo.gif)\n\n### Setting up MongoDB\n\nNote: You need MongoDB install and set up. [Installation instructions](https://docs.mongodb.org/manual/installation/)\nIf you don't want to install it, there is a hosted MongoDB service option in the cloud which requires no installation overhead and offers a free tier to get started.[https://www.mongodb.com/cloud/atlas?tck=docs_server]\n\nOnce you've installed MongoDB or registered MongoDB Atlas, you need to get host and port for the db that you created.\nChange the host and port in .env file with yours.\n\n## How to run this project:\n1. Make sure to set up MongoDB\n2. Clone the repository\n- `cd graphql-chat`\n3. install npm dependencies:\n```\nnpm install;\nor\nyarn install;\n```\n4. start the server side:\n```\nnpm server\nor\nyarn server\n```\n\n5. start the client side:\n```\nnpm start\nor\nyarn start\n```\n6. navigates your browser to `localhost:8000` for client side\n7. navigates your browser to `localhost:4000` for server side\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyasemincidem%2Fgraphql-chat","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fyasemincidem%2Fgraphql-chat","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fyasemincidem%2Fgraphql-chat/lists"}