home.md

@@ -57,20 +57,31 @@ This guide will walk you through creating your first interactive tour on 19squar
 
 To get started as a developer, refer to the project's [CONTRIBUTING](https://git.rwth-aachen.de/medialab/interactive360vr/-/blob/main/CONTRIBUTING.md) file. It provides a detailed guide on how to contribute code, report issues, and follow best practices.
 
-## Tech Stack
-
-| Component | Technologies |
-|---|---|
-| Frontend | HTML |
-| | JavaScript |
-| | SCSS |
-| | A-Frame |
-| Backend | Node.js |
-| | Python |
-| | Flask |
-| Database | MariaDB |
-| Infrastructure | Docker |
-| | Nginx |
+## Tech Stack Breakdown
+
+This document outlines the technologies used to build this project.
+
+### Frontend
+
+* **HTML:** Used as the markup language for the fundamental design of the frontend (https://developer.mozilla.org/en-US/docs/Web/HTML).
+* **JavaScript:** Extends the HTML pages to call backend routes and run general logic blocks (https://developer.mozilla.org/en-US/docs/Web/JavaScript).
+* **SCSS:** An extension of CSS for visually designing the frontend (https://sass-lang.com/documentation/).
+* **A-Frame:** Used to implement all 360° functionalities (https://aframe.io/).
+
+### Backend
+
+* **Node.js/npm:** Used to install all JavaScript dependencies (https://nodejs.org/en).
+* **Python/pip:** Used to install all Python dependencies and as the programming language for the backend (https://www.python.org/).
+* **Flask:** Used as the backend framework (https://palletsprojects.com/p/flask/).
+
+### Database
+
+* **MariaDB:** Used as the database management system (https://mariadb.org/).
+
+### Infrastructure
+
+* **Docker:** Used to containerize all services and make the application deployable in a stable environment (https://www.docker.com/).
+* **Nginx:** Used as the web server that delivers the required files to the user's web browser (https://www.f5.com/go/product/welcome-to-nginx).
 
 
 ## Code Structure