Portale del Cittadino

Frontend application for a citizen portal providing access to various public services and information.

⚠️ Note: This is a frontend-only application that uses static mock data. It is not connected to any backend services or real databases.

Overview

The Portale del Cittadino is a comprehensive citizen services portal built with React and TypeScript. It provides easy access to:

• Dashboard: Quick overview of recent activities and important notifications
• Identità e Accesso (Identity & Access): Personal information and identity verification
• Servizi Fiscali (Tax Services): Tax-related information and services
• Salute e Welfare (Health & Welfare): Health information and welfare services
• Mobilità e Veicoli (Mobility & Vehicles): Vehicle registration and mobility services
• Scuola e Lavoro (School & Work): Education and employment information

Stack

• React 18 + TypeScript
• Vite for fast development and optimized builds
• Tailwind CSS for styling
• Lucide React for icons

Getting Started

Prerequisites

• Node.js >= 18
• npm or yarn

Installation

npm install

Development

Start the development server with hot module replacement (HMR):

npm run dev

The application will be available at http://localhost:5173/

Build

Create an optimized production build:

npm run build

Preview

Preview the production build locally:

npm run preview

Project Structure

src/
├── components/        # Reusable UI components
│   ├── Header.tsx
│   ├── SideBar.tsx
│   ├── Card.tsx
│   ├── MultiSelect.tsx
│   ├── AppButton.tsx
│   └── ...
├── pages/            # Page components
│   ├── Dashboard.tsx
│   ├── IdentitaAccesso.tsx
│   ├── ServiziFiscali.tsx
│   ├── SaluteWelfare.tsx
│   ├── MobilitaVeicoli.tsx
│   └── ScuolaLavoro.tsx
├── util/             # Utility functions
├── App.tsx           # Main application component
└── main.tsx          # Entry point

Features

• Responsive design optimized for desktop and mobile
• Tab-based multi-select component for filtering content
• Card-based layout for organized information display
• Badge system for status indicators
• Modal dialogs and notifications

Data

All data in this application is mock/static and is defined within the component files. No API calls are made to external services.

License

Licensed under the Apache License, Version 2.0. See LICENSE file for details.

Author

© 2026 Fabrizio Lombardi