React + Mobx + Typescript Example App

React + Mobx codebase containing real world examples (CRUD, auth, advanced patterns, etc) that adheres to the RealWorld spec and API.

Demo    RealWorld

Originally created from this gothinkster/react-mobx-realworld-example-app repo, but is written in Typescript and redesign the UI using material-ui. The codebase is now (hopefully) feature complete; please submit bug fixes via pull requests & feedback via issues.

Getting started

You can view a live demo over at http://medium.qingping.me/

To get the frontend running locally:

• Clone this repo
• yarn install to install all req'd dependencies
• yarn start to start the local server (this project uses create-react-app)

Making requests to the backend API

For convenience, we I have a few live serverless API functions running on AWS for the application to make requests against and feel free to check it out in this repo. You can view the API spec here which contains all routes & responses for the server.

The source code for the backend server (available for Node, Rails and Django) can be found in the main RealWorld repo.

If you want to change the API URL to a local server, simply edit src/agent.js and change API_ROOT to the local server's URL (i.e. localhost:3000/api)

Deployment

This repo supports docker deployment. To generate your own docker image, first you need install docker and then change docker-compose.yml file and change the image name to / and run:

  yarn run docker:prod

And type

  docker push <your-image-name>

to publich your app image to dockerhub.