Web Application in Angular and Ionic
Rahikainen, Mathias (2021)
2021
All rights reserved. This publication is copyrighted. You may download, display and print it for Your own personal use. Commercial use is prohibited.
Julkaisun pysyvä osoite on
https://urn.fi/URN:NBN:fi:amk-2021121626394
https://urn.fi/URN:NBN:fi:amk-2021121626394
Tiivistelmä
This study was done to give people an application where they could easily watch YouTube videos together. Trying to achieve that by starting and pausing videos simultaneously on YouTube.com is far from convenient.
The studies goal was achieved by planning and coding a web application that could play YouTube videos. The application had to have the same videos that are accessible on YouTube. It also had to make it easy to watch them together. The application achieves this by creating channels where the host will be in charge of searching, playing, pausing, fast forwarding and rewinding the videos. This creates a setting where the channel guests will just lay back and watch the same thing that the host is watching and controlling.
The programming language that was chosen for this study is TypeScript. The application uses a SPA framework called Angular to make it easier to develop. To further increase the simplicity, it uses Ionic with its pre-styled components.
The server that handles all the data that the web application then syncs together is a Firebase project. It uses the Firebase Realtime database for quick reads and writes.
The specified goals of this study were achieved in the end.
The studies goal was achieved by planning and coding a web application that could play YouTube videos. The application had to have the same videos that are accessible on YouTube. It also had to make it easy to watch them together. The application achieves this by creating channels where the host will be in charge of searching, playing, pausing, fast forwarding and rewinding the videos. This creates a setting where the channel guests will just lay back and watch the same thing that the host is watching and controlling.
The programming language that was chosen for this study is TypeScript. The application uses a SPA framework called Angular to make it easier to develop. To further increase the simplicity, it uses Ionic with its pre-styled components.
The server that handles all the data that the web application then syncs together is a Firebase project. It uses the Firebase Realtime database for quick reads and writes.
The specified goals of this study were achieved in the end.