https://github.com/craigstroman/slack-clone-client
A React (MERN) stack app that allows you to chat like Slack using GraphQL.
https://github.com/craigstroman/slack-clone-client
graphql react react-hooks typescript webpack
Last synced: 5 months ago
JSON representation
A React (MERN) stack app that allows you to chat like Slack using GraphQL.
- Host: GitHub
- URL: https://github.com/craigstroman/slack-clone-client
- Owner: craigstroman
- Created: 2020-07-20T03:06:24.000Z (almost 6 years ago)
- Default Branch: master
- Last Pushed: 2026-02-16T01:16:20.000Z (5 months ago)
- Last Synced: 2026-02-16T01:26:20.758Z (5 months ago)
- Topics: graphql, react, react-hooks, typescript, webpack
- Language: TypeScript
- Homepage:
- Size: 549 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Slack Clone Client
Based on the tutorial from https://awesomereact.com/playlists/slack-clone-using-graphql/0MKJ7JbVnFc.
Online demo at http://slack-clone.craigstroman.com/.
## Running locally
- Clone the repo at https://github.com/craigstroman/slack-clone-client.git.
- CD into slack-clone-client.
- Run `npm install` to install all required Node moduels.
- Run `npm run start` to start the client development environment.
- You can visit http://localhost:3000 in the browser to view it. But to do anything you need the
[Slack Clone Server](https://github.com/craigstroman/slack-clone-server) running in another terminal window locally.
Note: This is running on WebPack devServer and will automatically refresh when you make changes to the project.
## Running in production
- CD into slack-clone-server.
- Run `npm run prod`.
- This will create a production build file of the JavaScript within /public/js/main.min.js.
- Upload the main.min.js to the /public directory within your production build of the server. For that I'm using [Pug](https://pugjs.org/api/getting-started.html) with [Express](https://expressjs.com/).
## Version History
###### Version 3.0.0
- Started using TypeScript
- Upgraded version of GraphQL
- Started using React hooks
- Started using Formik forms
- Started using Codegen for GraphQL