Othello

This repository shows a modernised AngularJS application which looks like an Angular 2+ application featuring the Othello game (also known as Reversi).

The application has been refactored using:

• the components introduced in AngularJS 1.5+
• the Webpack module loader
• the TypeScript language (using definitely-typed-angular type definitions)
• the angular-ts-decorators to make it similar to Angular 2+ style

This repository can be used as an example to whoever wants to prepare an old AngularJS (1.x) application to be migrated to the new Angular 2+, but also for those who just want to improve its AngularJS source code without actually migrating to the new Angular 2+.

Note: with Angular 2+ I just mean the new Angular (e.g. can be Angular 4, Angular 2.4, etc...). Confused about Angular version numbers? Read this.

Live demo

Project history and goal

This application was initially our first experiment to learn AngularJS, started in December 2014.

In 2017 I decided to start refactoring it using the "preparation steps" suggested by the Incrementally upgrade an old AngularJS application to Angular 2+ official tutorial.

As the tutorial says, these preparation steps are all about making the code more decoupled, more maintainable, and up to speed with modern development tools. That means the preparation work will not only make the eventual upgrade easier, but will also generally improve our AngularJS applications.

In short: wheather you will one day migrate to the new Angular 2+ or just stay with AngularJS forever, those preparation steps just make your AngularJS application better.

The goal of this repository is to show step by step how to apply those preparation steps and making your AngularJS application better and similar to Angular 2+ without actually changing the underlying framework.

Refactoring stepts

All the refactoring steps are listed in detail here.

Installation instructions

In order to install run:

• npm install
• npm run build

Then start the web application using:

• npm start