Teaching project for the Fondamenti del Web course (academic year 2025/26).
Poliflix is a "Netflix-style" movie streaming platform built step by step through four progressive exercises. It starts from simple static pages and ends with a containerized full-stack application, introducing a new layer of the web stack at each stage: structure, interactivity, back-end, and finally deployment.
1 · 1_esercitazione_html_css — Structure & style
- HTML5 — semantic page structure
- CSS3 — layout, styling and responsiveness
2 · 2_esercitazione_js_dom — Interactivity
- JavaScript (vanilla) — client-side logic
- DOM manipulation — dynamic rendering, modals, events
- Local data in JSON
3 · 3_esercitazione_nodejs — The back-end
- Node.js + Express 5 — server and routing
- MongoDB + Mongoose — database and data modeling
- JWT (
jsonwebtoken) + bcryptjs — authentication and password hashing - Swagger (
swagger-jsdoc,swagger-ui-express) — API documentation - CORS, dotenv — configuration and security
- Chunked video streaming (HTTP Range)
4 · 4_esercitazione_react_deploy — Full-stack & deploy
- React 19 + React Router 7 — component-based UI and navigation
- Vite 8 — build tool and dev server
- Express 5 + MongoDB/Mongoose — back-end (same as exercise 3)
- Docker + Docker Compose — service orchestration (mongo, backend, frontend)
- Nginx — reverse proxy and static file serving
| Area | Technologies |
|---|---|
| Front-end | HTML5, CSS3, JavaScript, React 19, React Router 7, Vite 8 |
| Back-end | Node.js, Express 5 |
| Database | MongoDB, Mongoose |
| Authentication | JWT, bcryptjs |
| API & Docs | REST, Swagger / OpenAPI |
| DevOps | Docker, Docker Compose, Nginx |