Skip to content
Navigation menu
Search
Search
Log in
Create account
DEV Community
Close
twitter challenge Series' Articles
Back to ips-coding-challenge's Series
[ PART 1 ] Creating a Twitter clone with GraphQL, Knex, Typescript and React
ips-coding-challenge
ips-coding-challenge
ips-coding-challenge
Follow
Jan 5 '21
[ PART 1 ] Creating a Twitter clone with GraphQL, Knex, Typescript and React
#
showdev
#
career
#
webdev
#
graphql
126
reactions
Comments
2
comments
4 min read
[ PART 2 ] Creating a Twitter clone with GraphQL, Knex, Typescript, and React ( Setup Tests )
ips-coding-challenge
ips-coding-challenge
ips-coding-challenge
Follow
Jan 6 '21
[ PART 2 ] Creating a Twitter clone with GraphQL, Knex, Typescript, and React ( Setup Tests )
#
showdev
#
career
#
node
#
javascript
21
reactions
Comments
Add Comment
2 min read
[ PART 3 ] Creating a Twitter clone with GraphQL, Typescript and React ( User Registration )
ips-coding-challenge
ips-coding-challenge
ips-coding-challenge
Follow
Jan 6 '21
[ PART 3 ] Creating a Twitter clone with GraphQL, Typescript and React ( User Registration )
#
showdev
#
career
#
javascript
#
node
8
reactions
Comments
Add Comment
5 min read
[ PART 4 ] Creating a Twitter clone with GraphQL, Typescript, and React ( User Login )
ips-coding-challenge
ips-coding-challenge
ips-coding-challenge
Follow
Jan 7 '21
[ PART 4 ] Creating a Twitter clone with GraphQL, Typescript, and React ( User Login )
#
showdev
#
career
#
node
#
javascript
12
reactions
Comments
Add Comment
3 min read
[ PART 5 ] Creating a Twitter clone with GraphQL, Typescript, and React ( Adding tests for authorization )
ips-coding-challenge
ips-coding-challenge
ips-coding-challenge
Follow
Jan 8 '21
[ PART 5 ] Creating a Twitter clone with GraphQL, Typescript, and React ( Adding tests for authorization )
#
showdev
#
career
#
javascript
#
node
7
reactions
Comments
Add Comment
2 min read
[ PART 6 ] Creating a Twitter clone with GraphQL, Typescript, and React ( Adding Tweet )
ips-coding-challenge
ips-coding-challenge
ips-coding-challenge
Follow
Jan 9 '21
[ PART 6 ] Creating a Twitter clone with GraphQL, Typescript, and React ( Adding Tweet )
#
showdev
#
career
#
webdev
#
javascript
33
reactions
Comments
4
comments
6 min read
[ PART 7 ] Creating a Twitter clone with GraphQL, Typescript, and React ( add/delete a tweet )
ips-coding-challenge
ips-coding-challenge
ips-coding-challenge
Follow
Jan 10 '21
[ PART 7 ] Creating a Twitter clone with GraphQL, Typescript, and React ( add/delete a tweet )
#
showdev
#
javascript
#
career
#
challenge
3
reactions
Comments
3
comments
4 min read
[ PART 8 ] Creating a Twitter clone with GraphQL, Typescript, and React ( Add likes to tweet )
ips-coding-challenge
ips-coding-challenge
ips-coding-challenge
Follow
Jan 11 '21
[ PART 8 ] Creating a Twitter clone with GraphQL, Typescript, and React ( Add likes to tweet )
#
showdev
#
javascript
#
career
#
node
12
reactions
Comments
Add Comment
4 min read
[ PART 9 ] Creating a Twitter clone with GraphQL, Typescript, and React ( isLiked? )
ips-coding-challenge
ips-coding-challenge
ips-coding-challenge
Follow
Jan 12 '21
[ PART 9 ] Creating a Twitter clone with GraphQL, Typescript, and React ( isLiked? )
#
showdev
#
career
#
javascript
#
graphql
21
reactions
Comments
2
comments
3 min read
[ PART 10 ] Creating a Twitter clone with GraphQL, Typescript, and React ( comment & retweet )
ips-coding-challenge
ips-coding-challenge
ips-coding-challenge
Follow
Jan 13 '21
[ PART 10 ] Creating a Twitter clone with GraphQL, Typescript, and React ( comment & retweet )
#
showdev
#
javascript
#
career
#
graphql
14
reactions
Comments
Add Comment
5 min read
[ PART 11 ] Creating a Twitter clone with GraphQL, Typescript, and React ( Github workflow )
ips-coding-challenge
ips-coding-challenge
ips-coding-challenge
Follow
Jan 14 '21
[ PART 11 ] Creating a Twitter clone with GraphQL, Typescript, and React ( Github workflow )
#
showdev
#
javascript
#
github
#
graphql
9
reactions
Comments
Add Comment
3 min read
[ PART 12 ] Creating a Twitter clone with GraphQL, Typescript, and React ( CommentsCount, retweetsCount )
ips-coding-challenge
ips-coding-challenge
ips-coding-challenge
Follow
Jan 15 '21
[ PART 12 ] Creating a Twitter clone with GraphQL, Typescript, and React ( CommentsCount, retweetsCount )
#
showdev
#
graphql
#
javascript
#
career
7
reactions
Comments
Add Comment
4 min read
[ PART 13 ] Creating a Twitter clone with GraphQL, Typescript, and React ( followers )
ips-coding-challenge
ips-coding-challenge
ips-coding-challenge
Follow
Jan 16 '21
[ PART 13 ] Creating a Twitter clone with GraphQL, Typescript, and React ( followers )
#
showdev
#
javascript
#
challenge
#
graphql
10
reactions
Comments
Add Comment
3 min read
[ PART 14 ] Creating a Twitter clone with GraphQL, Typescript, and React ( starting the Frontend )
ips-coding-challenge
ips-coding-challenge
ips-coding-challenge
Follow
Jan 17 '21
[ PART 14 ] Creating a Twitter clone with GraphQL, Typescript, and React ( starting the Frontend )
2
reactions
Comments
Add Comment
3 min read
[ PART 15 ][Frontend] Creating a Twitter clone with GraphQL, Typescript, and React ( Authentication )
ips-coding-challenge
ips-coding-challenge
ips-coding-challenge
Follow
Jan 17 '21
[ PART 15 ][Frontend] Creating a Twitter clone with GraphQL, Typescript, and React ( Authentication )
#
showdev
#
graphql
#
react
#
career
13
reactions
Comments
Add Comment
8 min read
[PART 16] Creating a Twitter clone with GraphQL, Typescript, and React ( Tweets timeline )
ips-coding-challenge
ips-coding-challenge
ips-coding-challenge
Follow
Jan 23 '21
[PART 16] Creating a Twitter clone with GraphQL, Typescript, and React ( Tweets timeline )
#
react
#
graphql
#
webdev
#
typescript
8
reactions
Comments
Add Comment
5 min read
[PART 17][Frontend] Creating a Twitter clone with GraphQL, Typescript, and React ( Navbar )
ips-coding-challenge
ips-coding-challenge
ips-coding-challenge
Follow
Jan 24 '21
[PART 17][Frontend] Creating a Twitter clone with GraphQL, Typescript, and React ( Navbar )
#
challenge
#
react
#
webdev
#
graphql
5
reactions
Comments
Add Comment
4 min read
[PART 18][Backend] Creating a Twitter clone with GraphQL, Typescript, and React ( hashtags, link's preview )
ips-coding-challenge
ips-coding-challenge
ips-coding-challenge
Follow
Jan 25 '21
[PART 18][Backend] Creating a Twitter clone with GraphQL, Typescript, and React ( hashtags, link's preview )
#
webdev
#
graphql
#
typescript
#
react
23
reactions
Comments
Add Comment
6 min read
[PART 19][Frontend] Creating a Twitter clone with GraphQL, Typescript, and React ( link's preview, add tweets )
ips-coding-challenge
ips-coding-challenge
ips-coding-challenge
Follow
Jan 26 '21
[PART 19][Frontend] Creating a Twitter clone with GraphQL, Typescript, and React ( link's preview, add tweets )
#
challenge
#
webdev
#
react
#
typescript
21
reactions
Comments
Add Comment
6 min read
[PART 20] Creating a Twitter clone with GraphQL, Typescript, and React ( Retweet )
ips-coding-challenge
ips-coding-challenge
ips-coding-challenge
Follow
Jan 27 '21
[PART 20] Creating a Twitter clone with GraphQL, Typescript, and React ( Retweet )
#
challenge
#
webdev
#
react
#
graphql
7
reactions
Comments
Add Comment
4 min read
[PART 21] Creating a Twitter clone with GraphQL, Typescript, and React ( comments, trending hashtags )
ips-coding-challenge
ips-coding-challenge
ips-coding-challenge
Follow
Feb 1 '21
[PART 21] Creating a Twitter clone with GraphQL, Typescript, and React ( comments, trending hashtags )
#
webdev
#
react
#
graphql
#
typescript
22
reactions
Comments
Add Comment
5 min read
[PART 22] Creating a Twitter clone with GraphQL, Typescript, and React ( media upload)
ips-coding-challenge
ips-coding-challenge
ips-coding-challenge
Follow
Feb 3 '21
[PART 22] Creating a Twitter clone with GraphQL, Typescript, and React ( media upload)
#
webdev
#
react
#
graphql
#
typescript
26
reactions
Comments
Add Comment
8 min read
[PART 23] Creating a Twitter clone with GraphQL, Typescript, and React ( followers suggestions)
ips-coding-challenge
ips-coding-challenge
ips-coding-challenge
Follow
Feb 6 '21
[PART 23] Creating a Twitter clone with GraphQL, Typescript, and React ( followers suggestions)
#
webdev
#
react
#
typescript
#
graphql
33
reactions
Comments
2
comments
3 min read
[PART 24] Creating a Twitter clone with GraphQL, Typescript, and React ( rethinking the timeline )
ips-coding-challenge
ips-coding-challenge
ips-coding-challenge
Follow
Feb 9 '21
[PART 24] Creating a Twitter clone with GraphQL, Typescript, and React ( rethinking the timeline )
#
webdev
#
typescript
#
graphql
#
react
5
reactions
Comments
Add Comment
4 min read
[PART 25] Creating a Twitter clone with GraphQL, Typescript, and React ( user's tweets page )
ips-coding-challenge
ips-coding-challenge
ips-coding-challenge
Follow
Feb 15 '21
[PART 25] Creating a Twitter clone with GraphQL, Typescript, and React ( user's tweets page )
#
webdev
#
graphql
#
react
#
typescript
7
reactions
Comments
Add Comment
4 min read
We're a place where coders share, stay up-to-date and grow their careers.
Log in
Create account
![Cover image for [ PART 1 ] Creating a Twitter clone with GraphQL, Knex, Typescript and React](https://media.dev.to/cdn-cgi/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fxjfqcsu4lli91cyarc5a.png)
![Cover image for [ PART 2 ] Creating a Twitter clone with GraphQL, Knex, Typescript, and React ( Setup Tests )](https://media.dev.to/cdn-cgi/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Foer37eipdvulv7rnsmsm.png)
![Cover image for [ PART 3 ] Creating a Twitter clone with GraphQL, Typescript and React ( User Registration )](https://media.dev.to/cdn-cgi/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fm00g5nk9ff3s0awf029y.png)
![Cover image for [ PART 4 ] Creating a Twitter clone with GraphQL, Typescript, and React ( User Login )](https://media.dev.to/cdn-cgi/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fmhqgimzsnkfdxo2edzz7.png)
![Cover image for [ PART 5 ] Creating a Twitter clone with GraphQL, Typescript, and React ( Adding tests for authorization )](https://media.dev.to/cdn-cgi/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fz83093jdayqcc0zndrrx.png)
![Cover image for [ PART 6 ] Creating a Twitter clone with GraphQL, Typescript, and React ( Adding Tweet )](https://media.dev.to/cdn-cgi/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2F5zz5ij2e7satadrdttdc.png)
![Cover image for [ PART 7 ] Creating a Twitter clone with GraphQL, Typescript, and React ( add/delete a tweet )](https://media.dev.to/cdn-cgi/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2F1igtv64313x1c3k6b7rp.png)
![Cover image for [ PART 8 ] Creating a Twitter clone with GraphQL, Typescript, and React ( Add likes to tweet )](https://media.dev.to/cdn-cgi/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fes4q89lljjd1j53z69xi.png)
![Cover image for [ PART 9 ] Creating a Twitter clone with GraphQL, Typescript, and React ( isLiked? )](https://media.dev.to/cdn-cgi/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2F1hfdrj34myb50wvq3vs5.png)
![Cover image for [ PART 10 ] Creating a Twitter clone with GraphQL, Typescript, and React ( comment & retweet )](https://media.dev.to/cdn-cgi/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2F0rpvtm0pf0diz2w2ej0p.png)
![Cover image for [ PART 11 ] Creating a Twitter clone with GraphQL, Typescript, and React ( Github workflow )](https://media.dev.to/cdn-cgi/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fhvntxwm5hbfke2m9yec1.png)
![Cover image for [ PART 12 ] Creating a Twitter clone with GraphQL, Typescript, and React ( CommentsCount, retweetsCount )](https://media.dev.to/cdn-cgi/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fb45dgjq7ety3gsxcof9x.png)
![Cover image for [ PART 13 ] Creating a Twitter clone with GraphQL, Typescript, and React ( followers )](https://media.dev.to/cdn-cgi/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2F0k2p2jfjmcvky75hviu8.png)
![Cover image for [ PART 14 ] Creating a Twitter clone with GraphQL, Typescript, and React ( starting the Frontend )](https://media.dev.to/cdn-cgi/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fkyl9xik33q046031ofpo.png)
![Cover image for [ PART 15 ][Frontend] Creating a Twitter clone with GraphQL, Typescript, and React ( Authentication )](https://media.dev.to/cdn-cgi/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2F7naa1zniu87u6n20lu73.png)
![Cover image for [PART 16] Creating a Twitter clone with GraphQL, Typescript, and React ( Tweets timeline )](https://media.dev.to/cdn-cgi/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fp5zqg1nt9r60go21065q.png)
![Cover image for [PART 17][Frontend] Creating a Twitter clone with GraphQL, Typescript, and React ( Navbar )](https://media.dev.to/cdn-cgi/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fotqose1y7ns1m8d2zqh8.png)
![Cover image for [PART 18][Backend] Creating a Twitter clone with GraphQL, Typescript, and React ( hashtags, link's preview )](https://media.dev.to/cdn-cgi/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fkkrm9cyr4qimgr4t2dcp.png)
![Cover image for [PART 19][Frontend] Creating a Twitter clone with GraphQL, Typescript, and React ( link's preview, add tweets )](https://media.dev.to/cdn-cgi/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fmslta0yq6077l1kpf0dq.png)
![Cover image for [PART 20] Creating a Twitter clone with GraphQL, Typescript, and React ( Retweet )](https://media.dev.to/cdn-cgi/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Frcug5q8s34l5iisylqao.png)
![Cover image for [PART 21] Creating a Twitter clone with GraphQL, Typescript, and React ( comments, trending hashtags )](https://media.dev.to/cdn-cgi/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fv1gtkpwonbpbshbehxdq.png)
![Cover image for [PART 22] Creating a Twitter clone with GraphQL, Typescript, and React ( media upload)](https://media.dev.to/cdn-cgi/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Farticles%2Flgwbdayy4talb2iq7iqf.gif)
![Cover image for [PART 23] Creating a Twitter clone with GraphQL, Typescript, and React ( followers suggestions)](https://media.dev.to/cdn-cgi/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fu7w6p9w545j3ttn6zjfy.png)
![Cover image for [PART 24] Creating a Twitter clone with GraphQL, Typescript, and React ( rethinking the timeline )](https://media.dev.to/cdn-cgi/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2Fxxknk0861s3y8329o8ik.png)
![Cover image for [PART 25] Creating a Twitter clone with GraphQL, Typescript, and React ( user's tweets page )](https://media.dev.to/cdn-cgi/image/width=1000,height=420,fit=cover,gravity=auto,format=auto/https%3A%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fi%2F0khzb31ckq22stm8ua50.png)
