​​ Build a Citizen Request Tracker with React, FastAPI and PostgreSQL

Build a Citizen Request Tracker with React, FastAPI and PostgreSQL

Group: Use Case

|

Product Category: Software Engineering

|

Sub Category: Full Stack Engineer

Solution Available

Source code, datasets, and other related files for the solution will be provided.

About this Product

Larkmoor City Council's Neighbourhood Services team handles potholes, broken streetlights, missed bin collections, graffiti and dumped waste. Citizens report issues by phone or shared inbox but receive no reference number, so they must call again for updates. Around a third of contact centre calls are status enquiries.

Build Larkmoor Citizen Desk, a public web app using React, FastAPI and PostgreSQL. Citizens submit street issues through a validated form and receive a reference number (e.g., SR2026-000007) and target resolution date. They can track requests by reference number and view status, target date and a timeline of council notes, without exposing personal details. Case officers manage requests through a fixed lifecycle: Submitted, In review, Scheduled, Resolved and Not actioned, using FastAPI's /docs interface.

Starting from a starter project with the theme, scripts and tests in place, implement the business rules and both screens.

Practise Pydantic validation, consistent JSON errors, REST verbs and status codes (201 with Location, 404, 409, 422 and 503), parameterised SQL and transactions using psycopg 3, and React forms and data loading with useState, useEffect, fetch and React Router.

Both screens must handle loading, empty, error and success states, work at 390 px phone width and support keyboard navigation. Load settings from .env files, support database connections with or without a password, and provide actionable connection-check errors for Windows and macOS.

Deliver one end-to-end feature across UI, API and database, backed by pytest and Vitest suites, screenshots and a README. Include a short note tracing a request through the stack, demonstrating the kind of first full-stack ticket a junior engineer should deliver and explain in an interview.

Interview Q&A Included

No extra cost
  • Citizen Request Tracker with React, FastAPI and PostgreSQL Skills Assessment

    This assessment checks what you learned while building Larkmoor Citizen Desk, a React, FastAPI and PostgreSQL web app where citizens report street issues, receive a reference number and track the …

    32 questions

    Included with this lab

Resources

1/4
Citizen Request Tracker Requirement Document
Citizen Request Tracker Requirement Document
| PDF

The complete Citizen Request Tracker Business Requirements Document (BRD) is available as a Read-Only attachment. It provides the complete project specification, including the business context, objectives, scope, requirements, use cases, domain concepts, and design expectations. Review the BRD carefully before starting the implementation.

Asset Contents:

  • Project overview and business objectives
  • In-scope and out-of-scope definitions
  • Functional and non-functional requirements
  • Key use cases and business workflows
  • Domain model, entities, and core concepts
  • Design and implementation requirements
  • Requirements traceability and supporting documentation
Enroll to Access
Build a Citizen Request Tracker with React, FastAPI and PostgreSQL
50% OFF
Topics: React, FastAPI, PostgreSQL

Languages: English

Skills: React, FastAPI, PostgreSQL, REST API Design, Full Stack Development, Form Validation, Database Transactions, Case Status Tracking

Business Domain: Government and Citizen Services

Level: Beginner
$8.00 $4.00
Includes 1 Interview Q&A set

Similar Products

32% OFF
Enterprise Data Security & Governance Implementation using Snowflake
Business Requirement

Enterprise Data Security & Governance Implementation using Snowflake

Enterprise Data Security & Governance Implementation using Snowflake is a practical implementation guide that teaches you how to build a …

Snowflake Security Data Governance Role-Based Access Control (RBAC) Dynamic Data Masking Row Access Policies Data Classification Audit Logging Regulatory Compliance Healthcare Analytics

Level

Advanced

Language

English

33% OFF
Enterprise Sales Analytics Data Warehouse Design with Kimball Modeling & SCD Implementation
Business Requirement

Enterprise Sales Analytics Data Warehouse Design with Kimball Modeling & SCD Implementation

Enterprise Sales Analytics Data Warehouse Design with Kimball Modeling & SCD Implementation is a practical implementation guide that teaches you …

Data Warehousing Kimball Dimensional Modeling Star Schema Slowly Changing Dimensions Change Data Capture SQL Data Engineering Business Intelligence Real-Time Analytics

Level

Advanced

Language

English

33% OFF
Enterprise Customer 360 Data Platform Implementation using Natural Keys, Row Hashes & Medallion Architecture
Business Requirement

Enterprise Customer 360 Data Platform Implementation using Natural Keys, Row Hashes & Medallion Architecture

Enterprise Customer 360 Data Platform Implementation using Natural Keys, Row Hashes & Medallion Architecture is a practical implementation guide that …

Customer 360 Data Engineering ETL Pipeline Design Medallion Architecture Entity Resolution Natural Key Matching Data Integration Data Warehousing Master Data Management

Level

Advanced

Language

English

40% OFF
Dimensional Data Modelling & Star Schema Design for Retail Sales Analytics Using SQL and Python
Capstone Project

Dimensional Data Modelling & Star Schema Design for Retail Sales Analytics Using SQL and Python

Dimensional Data Modelling & Star Schema Design for Retail Sales Analytics is a practical implementation guide that teaches you how …

Dimensional Modeling Data Warehousing SQL PostgreSQL Python Fact & Dimension Modeling ETL Pipeline Design

Level

Intermediate

Time

10.0 hrs

Language

English

40% OFF
Historical Dimension Tracking & SCD Pipeline Implementation Using PySpark and PostgreSQL
Capstone Project

Historical Dimension Tracking & SCD Pipeline Implementation Using PySpark and PostgreSQL

Historical Dimension Tracking & SCD Pipeline Implementation Using PySpark and PostgreSQL is a practical implementation guide that teaches you how …

PySpark Slowly Changing Dimensions (SCD) PostgreSQL Data Warehousing Dimensional Modeling Temporal Data Modeling Data Engineering ETL Pipeline Development

Level

Intermediate

Time

10.0 hrs

Language

English

37% OFF
Real Time Kafka Consumer Data Ingestion into RAW Layer Using PySpark
Business Requirement

Real Time Kafka Consumer Data Ingestion into RAW Layer Using PySpark

Real-Time Kafka Consumer Data Ingestion into RAW Layer Using PySpark is a practical implementation guide that teaches you how to …

PySpark Structured Streaming Apache Kafka Streaming Data Engineering Real-Time Data Ingestion Kafka Consumers ETL Pipeline Development

Level

Intermediate

Language

English

19% OFF
Automated Data Ingestion from Google Drive CSV Files Using PySpark
Business Requirement

Automated Data Ingestion from Google Drive CSV Files Using PySpark

Implementation of Google Drive CSV Data Extraction & Ingestion using PySpark is a practical implementation guide that teaches you how …

PySpark Cloud Storage Ingestion Google Drive CSV Processing Data Engineering ETL Pipeline Development

Level

Intermediate

Language

English

20% OFF
Implementation of Enterprise API Data Extraction & Ingestion using PySpark
Business Requirement

Implementation of Enterprise API Data Extraction & Ingestion using PySpark

Implementation of REST API Data Extraction & Ingestion using PySpark is a practical implementation guide that teaches you how to …

PySpark REST API Integration Data Engineering API Data Ingestion ETL Pipeline Development JSON Processing

Level

Intermediate

Language

English

40% OFF
Healthflow Analytics Platform with Snowflake & Medallion Architecture
Capstone Project

Healthflow Analytics Platform with Snowflake & Medallion Architecture

Healthflow Analytics Platform with Snowflake & Medallion Architecture is a healthcare data engineering capstone project that demonstrates how to build …

Snowflake Data Engineering Healthcare Analytics ETL Pipeline Design Medallion Architecture Data Governance Data Warehousing Snowflake Administration

Level

Intermediate

Time

8.0 hrs

Language

English

30% OFF
FinTech Banking ETL Pipeline with PySpark Delta Lake and Medallion Architecture
Capstone Project

FinTech Banking ETL Pipeline with PySpark Delta Lake and Medallion Architecture

NovaPay ETL Pipeline is an advanced data engineering capstone project that builds a production-grade ETL pipeline for a fictional digital …

Data Engineering ETL Pipeline Design Medallion Architecture Data Quality & Validation Incremental Processing Delta Lake & Lakehouse

Level

Advanced

Language

English

40% OFF
Full Stack IPL Cricket Analytics Dashboard and Statistics Platform
Capstone Project

Full Stack IPL Cricket Analytics Dashboard and Statistics Platform

IPL Analytics Dashboard is an advanced, full-stack capstone project that transforms 17 years of Indian Premier League ball-by-ball match data …

Full Stack Development Data Ingestion & Pipeline REST API Development Database Design Data Visualization User Authentication

Level

Advanced

Language

English

Demo

View
50% OFF
Retail Banking EDA & Transaction Analytics Platform
Capstone Project

Retail Banking EDA & Transaction Analytics Platform

Retail Banking EDA & Transaction Analytics Platform is an advanced, full-stack capstone project that takes you through the complete data …

Data Engineering Exploratory Data Analysis Full Stack Development Database Design Regulatory Compliance REST API Design Data Visualization

Level

Intermediate

Time

8.0 hrs

Language

English

Demo

View
40% OFF
AI Powered Meeting Notes Generator
Capstone Project

AI Powered Meeting Notes Generator

AI Powered Meeting Notes Generator is an intermediate-level, full-stack capstone project that transforms raw meeting recordings and transcripts into clean, …

AI Integration Full Stack Development Speech-to-Text LLM Prompt Engineering Async Processing REST API Design

Level

Intermediate

Time

8.0 hrs

Language

English

Demo

View
40% OFF
Full Stack Service Booking Marketplace with Consultant Subscription Model
Capstone Project

Full Stack Service Booking Marketplace with Consultant Subscription Model

BookMyService is a beginner-friendly, full-stack capstone project that simulates a real-world two-sided service marketplace — where users can discover and …

Full Stack Development SaaS Marketplace Authentication & Security Subscription Management Role-Based Access Control REST API Design

Level

Intermediate

Time

8.0 hrs

Language

English

Demo

View

Similar Services

Finding the best experts for you...

Top User Reviews

Loading reviews...