Web App From Scratch 2021

Table of Contents

• Live version
• Concept
• Installation
• Features
• External Data Source
• Diagrams
• License
• Extra

🌍 Live version

This is the repository for frontend-applications CMD 2020/2021. Live version: https://happypantss.github.io/web-app-from-scratch-2021/

💬 Concept

The idea of this website is that you can search for your account, and see some basic statistics from your Overwatch account. You can find your personal information like level, games won etc. And you can find some statistics about your heroes you played last season of competitive. Disclaimer: You have to play Overwatch to see your stats.

🚀 Installation

Clone the repository:
https://github.com/HappyPantss/web-app-from-scratch-2021.git

Install a Live server Install a live server extension for your code editor. I use the extension 'Live Server' by Ritwick Dey in my Visual Studio Code editor.

Visit the local website in your browser with:
Start the server and go to http://127.0.0.1:5500

🔨 Features

You can see all your heroes you played this season. If you click on a specific hero, you can see the detail statistics.

📈 External Data Source

The API I use is from Ovrstat. The overstat API is an unofficial Overwatch Stats API written in Go. Accesing its main API endpoint is extremely simple.

https://ovrstat.com/{platform}/{username} // For example: /pc/Sergini-21678

Response: https://ovrstat.com/stats/pc/Sergini-21678

📖 Diagrams

Actor Diagram

Interaction Diagram

📘 License

This project is released under the under terms of the MIT License.

❤️ Extra

With help from:

Oussama Fahchouch - ofahchouch-gh
Wouter van der Heijden - Mokerstier
Loc Nguyen - LaupWing