jbalcellss/pdp-photofilm4you_frontend repository overview

⁠📸 Frontend — Photo&Film4You Platform (Next.js 16 + TailwindCSS)

This container provides the production build of the Photo&Film4You Frontend, a modern web application built with Next.js 16, React, TailwindCSS and API Gateway integration.
It serves the user interface for all customer and admin flows of the platform.

⁠🚀 Features

⁠🔐 User Authentication

• Login page fully integrated with the User microservice
• JWT-based session handling (via API Gateway)
• Redirects and protected routes

⁠📚 Product Catalog

• Product listing with responsive UI
• Product detail pages
• Live data powered by the Product Catalog microservice

⁠🎥 Equipment Rental

• Rental form with date selection, quantity and availability checks
• API submission through the Digital microservice
• Confirmation and error handling workflow

⁠🛠️ Admin Product Management

• Admin dashboard for CRUD operations
• Add / edit / delete products
• Synchronized with the Product Catalog microservice
• Real-time UI updates

⁠🧩 Tech Stack

• Next.js 16 (Turbopack)
• React 18
• TailwindCSS
• Shadcn UI
• Next API client with API Gateway routing
• Playwright (E2E tests)
• Jest + Testing Library (unit tests)

⁠🐳 Docker Usage

docker pull <namespace>/photofilm4you-frontend:latest
docker run -d \
  -p 3000:3000 \
  -e NEXT_PUBLIC_API_GATEWAY_URL=http://gateway:18080 \
  <namespace>/photofilm4you-frontend:latest

⁠⚙️ Production Build

• Pre-built optimized Next.js app
• Static assets and server-side rendering (SSR)
• Node.js runtime for serving pages
• No development dependencies are included.

⁠🔒 Security

• HTTPS-ready
• CSRF-safe frontend patterns
• Input sanitation and secure forms
• Integrates with rate-limited backend Gateway

⁠📜 License

Academic use for the UOC PDP 2025–2026 project (2ForUs team).

⁠👥 Authors

Developed by the 2ForUs Team as part of the UOC PDP 2025–2026 program.