Skip to content

/ twitter-fullstack-clone

Fullstack clone of Twitter, created with React, Next.js, Apollo, Node.js, Express, GraphQL, PostgreSQL, and Docker
JavaScript CSS Other
  1. JavaScript 93.1%
  2. CSS 5.4%
  3. Other 1.5%
Branch: master
Find file
Clone or download

Clone with HTTPS

Use Git or checkout with SVN using the web URL.

Open in Desktop Download ZIP

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching GitHub Desktop

If nothing happens, download GitHub Desktop and try again.

Launching Xcode

If nothing happens, download Xcode and try again.

Launching Visual Studio

If nothing happens, download the GitHub extension for Visual Studio and try again.

@dependabot @rafaelalmeidatk
dependabot and rafaelalmeidatk Bump mixin-deep from 1.3.1 to 1.3.2 in /packages/server (#8) 
Bumps [mixin-deep](https://github.com/jonschlinkert/mixin-deep) from 1.3.1 to 1.3.2.
- [Release notes](https://github.com/jonschlinkert/mixin-deep/releases)
- [Commits](jonschlinkert/mixin-deep@1.3.1...1.3.2)

Signed-off-by: dependabot[bot] <support@github.com>
Latest commit 921e419 Aug 28, 2019
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
packages Bump mixin-deep from 1.3.1 to 1.3.2 in /packages/server (#8) Aug 28, 2019
scripts Add support for development with Docker Apr 29, 2019
.dockerignore Add support for development with Docker Apr 29, 2019
.gitignore Replace Backpack with Babel May 3, 2019
.prettierrc Add express and postgresql with knex Mar 28, 2019
Dockerfile Stop using yarn workspaces, add individual dependency layers to Docke… May 3, 2019
LICENSE.md Initial commit Mar 26, 2019
Makefile Add support for development with Docker Apr 29, 2019
README.md Add project info in README May 5, 2019
docker-compose.yml Upgrade to Now v2 (#5) May 22, 2019
package.json Move Heroku specific files to server folder May 3, 2019

README.md

Twitter Fullstack Clone

Fullstack clone of Twitter. Created with React, Next.js, Apollo, Node.js, Express, GraphQL, PostgreSQL, and Docker. Live demo: https://twitter.rafaelalmeidatk.now.sh/

Preview

The objective of this project is to be an example of a real-world application that is not trivial, with everything working together. Twitter is pretty big so only the main functionalities have been implemented.

🐋 Local development

First-time setup

Go into the client and server folder, copy .env-sample and rename to .env.

Running the project

Make sure you have docker-compose installed. Then run:

make dev

This will start the client and API servers. When they finish loading you can access the app with the address http://localhost:3000.

Resetting the database

To start using the API you first need to reset the database. This will run the migrations and seed the database with initial data. Make sure the containers are running and run:

make reset-db

🛠 Tech Stack:

  • Front-end: React, Next.js, Apollo Client, styled-jsx, Adorable Avatars
  • Back-end: Node.js, Express, Apollo Server, Knex.js, PostgreSQL, GraphQL
  • Infrastructure: Docker, Heroku, Now
You can’t perform that action at this time.