apprun-realworld-example-app icon indicating copy to clipboard operation
apprun-realworld-example-app copied to clipboard

Exemplary real world application built with AppRun

RealWorld Example App

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

Demo    RealWorld

This codebase was created to demonstrate application frontend built with AppRun including CRUD operations, authentication, routing, pagination, and more.

We've gone to great lengths to adhere to the RealWorld community style guides & best practices.

This codebase has about 1000 lines of source code that can be gziped to 20K.

See a comparison from A Real-World Comparison of Front-End Frameworks with Benchmarks (2019 Update).

General functionality

  • Authenticate users via JWT (login/signup pages + logout button)
  • CRU* users (sign up & settings page - no deleting required)
  • CRUD Articles
  • CR*D Comments on articles (no updating required)
  • GET and display paginated lists of articles
  • Favorite articles
  • Follow other users

Extra functionality

  • Modal dialog for deleting articles and comments
  • Static Typed
  • AppRun CLI in console enabled
  • Connect to the Redux devtool extensions

Getting started

  • Visit the live demo
  • clone this repo
  • npm install
  • npm start
  • open http://localhost:8080 in browser

About AppRun

AppRun is a 3K library for developing applications using the elm inspired architecture and event pub and sub pattern.

In the AppRun Book published by Apress, the Chapter 10-12 describe this application.

Order from Amazon

Following articles also have details of this application and AppRun.

Pull requests are welcome.

License

MIT

Copyright (c) 2017 Yiyi Sun