https://github.com/viniciusestevam/twitter-clone

:bird: Simple twitter clone made with GraphQL + Node.js + React
https://github.com/viniciusestevam/twitter-clone

graphql nodejs react real-time twitter-clone websocket

Last synced: 11 months ago
JSON representation

:bird: Simple twitter clone made with GraphQL + Node.js + React

• Host: GitHub
• URL: https://github.com/viniciusestevam/twitter-clone
• Owner: viniciusestevam
• Created: 2020-03-22T04:57:06.000Z (about 6 years ago)
• Default Branch: master
• Last Pushed: 2023-01-26T18:24:34.000Z (over 3 years ago)
• Last Synced: 2025-04-06T12:51:44.217Z (about 1 year ago)
• Topics: graphql, nodejs, react, real-time, twitter-clone, websocket
• Language: JavaScript
• Homepage: http://ec2-54-198-26-99.compute-1.amazonaws.com/
• Size: 3.42 MB
• Stars: 16
• Watchers: 1
• Forks: 2
• Open Issues: 29
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          


  

  
Twitter clone



Live demo

This is a simple project made with the purpose of testing the GraphQL's Subscription feature.

The focus of this project is the WebSocket comunication using Apollo Server + Client with React, so I didn't spend much time with the interface and bugs.


Not recommended for < 1024px large screens.


Setup


- Make sure you have the latest version of Node and Docker installed.

- Change the name off the .env.example file on /backend to .env

> Linux / OSX

- Run `make install`

- Run `make up`

> Other OS

- Run a container with mongodb:`docker run -t twitter-db -p 27017:27107 -d mongo:latest`

- Make sure you have two terminal tabs open

- Run `yarn` on /frontend and /backend

- Run `yarn start` on /frontend on one tab and /backend on the other

Using

 

  



- Type any Name and Username

- Open a new browser window and "sign in" with another name and username

- See the real-time comunication between clients.