An open API service indexing awesome lists of open source software.

https://github.com/steelkiwi/spa-battle

Small SPA implemented with most popular front-end frameworks
https://github.com/steelkiwi/spa-battle

Last synced: 6 months ago
JSON representation

Small SPA implemented with most popular front-end frameworks

Awesome Lists containing this project

README

          

# SPA Battle

The goal of this project is comparison of most popular front-end frameworks in action.
We implemented the same simple Hero Book app with React, AngularJS1, Angular (^2), Ember and VUE.
The project is in development, after all implementations are done - we will try to compare pros and cons of each framework.

Each implementation sits in own branch (see [react](https://github.com/steelkiwi/spa-battle/tree/react), [angularjs1](https://github.com/steelkiwi/spa-battle/tree/angularjs1), [angular2](https://github.com/steelkiwi/spa-battle/tree/angular2), [ember](https://github.com/steelkiwi/spa-battle/tree/ember) and [vue](https://github.com/steelkiwi/spa-battle/tree/vue) branches).

App builds are available under the links below:

* [React App](https://steelkiwi.github.io/spa-battle/react/)
* [AngularJS 1 App](https://steelkiwi.github.io/spa-battle/angularjs1/)
* [Angular (^2) App](https://steelkiwi.github.io/spa-battle/angular2/)
* [Ember App](https://steelkiwi.github.io/spa-battle/ember/)
* [Vue App](https://steelkiwi.github.io/spa-battle/vue/)

## App Requirements

The app must be comics heroes catalogue SPA.

Use [Marvel API](https://developer.marvel.com/docs) as heroes data source.

Use [Firebase](https://firebase.google.com/) for saving data.

Required functionality:

* auth with Google account via Firebase
* random hero list with load more, search by name, sort, filter favorites, filter rated features
* user's favorite heroes list for authenticated users
* hero details page with show/set rating, favorite/unfavorite features for authenticated users
* dedicated chat room for each hero on details page