Web Application Architecture

React + Node.js + PostgreSQL stack

HTTPS REST API SQL Users Browser Frontend React TypeScript Tailwind CSS :3000 Backend Node.js Express REST API :8080 PostgreSQL Database :5432 Legend Frontend Backend Database

Frontend Stack

  • • React 18 with hooks
  • • TypeScript for type safety
  • • Tailwind CSS styling
  • • Vite build tool

Backend Stack

  • • Node.js runtime
  • • Express framework
  • • JWT authentication
  • • REST API design

Data Layer

  • • PostgreSQL database
  • • Prisma ORM
  • • Redis caching
  • • S3 file storage

Web Application Architecture • Three-tier design