@@ -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).
