Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/rafaelalmeidatk/twitter-fullstack-clone
Fullstack clone of Twitter, created with React, Next.js, Apollo, Node.js, Express, GraphQL, PostgreSQL, and Docker
https://github.com/rafaelalmeidatk/twitter-fullstack-clone
Last synced: 13 days ago
JSON representation
Fullstack clone of Twitter, created with React, Next.js, Apollo, Node.js, Express, GraphQL, PostgreSQL, and Docker
- Host: GitHub
- URL: https://github.com/rafaelalmeidatk/twitter-fullstack-clone
- Owner: rafaelalmeidatk
- License: mit
- Created: 2019-05-05T08:30:11.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2020-03-31T11:30:15.000Z (over 4 years ago)
- Last Synced: 2024-11-08T08:27:48.875Z (about 2 months ago)
- Language: JavaScript
- Homepage: https://twitter.rafaelalmeidatk.now.sh/
- Size: 756 KB
- Stars: 117
- Watchers: 5
- Forks: 25
- Open Issues: 10
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# 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](https://i.imgur.com/6riD8Tk.png)
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