BFS Friend Finder

An interactive web application that demonstrates how the Breadth-First Search (BFS) algorithm discovers the shortest connection path between people in a social network. The project combines algorithm visualisation with a step-by-step educational interface.

Built with

  • React
  • Algorithms & Data Structures
  • FastAPI
  • Vite

Overview

BFS Friend Finder is a graph-based web application developed to demonstrate the practical use of the Breadth-First Search (BFS) algorithm in a real-world inspired scenario. In the application, each person is represented as a vertex while friendships are represented as unweighted edges in a graph. The system allows users to create people, define friendship relationships, and search for the shortest connection path between two individuals. The BFS traversal process is visualised step-by-step, showing how nodes are explored level-by-level using a queue structure. The frontend was built using React to provide an interactive and intuitive visualisation experience, while the backend was implemented using FastAPI and Python to handle graph processing and BFS traversal logic. The project was developed as part of an evaluation and implementation assignment focused on data structures and algorithms.

Project Details

Category

WEB

Role

Full-Stack Developer

Key Highlights

  • Breadth-First Search (BFS)

  • Graph Visualisation

  • React

  • FastAPI

  • Algorithm Simulation

  • Interactive UI

  • Step-by-Step Playback