Tweetly

This repository demonstrates the use of Node, React, Redux, Express, GraphQL and Docker

User Stories

Display a list of Tweets from a default user

  As a user
  When I visit the "timeline" page on "desktop"
  I want to see a list of tweets posted by "cnnbrk"
  So that I can read the most recent Tweets on his timeline

Display a list of Tweets from a given user

  As a user
  When I visit the "timeline" page on "mobile"
  I want to see a list of tweets posted by "fedecarg"
  So that I can read the most recent Tweets on his timeline

Overview

twitter-api: Twitter API client library written for Node.js using es6 and Express.js.
twitter-graphql-api: API proxy that wraps the twitter-api backend API with GraphQL.
twitter-webapp: Responsive React/Redux single-page web application that talks to the twitter-api backend API.

URLs

twitter-api
- /statuses/user_timeline?screen_name=cnnbrk&count=10 Returns a collection of tweets posted by cnnbrk
- /statuses/user_timeline?screen_name=undefined Returns an error message
twitter-graphql-api
- /graphql?query= GraphQL queries
- /graphiql?query= In-browser IDE for exploring GraphQL (development)
twitter-webapp
- /tweets Displays latest tweets from @cnnbrk
- /tweets/fedecarg Displays latest tweets from from a given user, in this case @fedecarg

Setup

twitter-api
- Install the dependencies using npm install
- Add secret keys and tokens to nodemon.json
- Run npm run dev
- Navigate to http://localhost:3000
twitter-webapp
- Install the dependencies using npm install
- Run npm run start
- Navigate to http://localhost:3001
twitter-graphql-api
- Install the dependencies using npm install
- Run npm run dev
- Navigate to http://localhost:3002

Error Messages

twitter-api

[GET] /statuses/user_timeline

{
  "code": 89,
  "error": "Invalid or expired token."
}

[GET] /statuses/user_timeline?screen_name=iqwe912k&count=10

{
  "code": 34,
  "error": "Sorry, that page does not exist."
}

Screenshots

twitter-webapp

twitter-api

twitter-graphql-api

CI Workflow

Deployments are managed using Heroku, Docker and GitHub:

https://tweetly-api.herokuapp.com/statuses/user_timeline?screen_name=fedecarg&count=1

fedecarg/tweetly