Projects — Programming

PROJECTS SUB-PAGE · SOFTWARE & DSA

Programming Projects

Projects Code/programming/ · projects-listing.html → code-viewer.html?id=X

Software, algorithms and DSA projects — each with syntax-highlighted inline code viewer, language filtering, GitHub integration, and direct download. Two-page flow: listing → dedicated code viewer.

Software ও DSA projects — inline code viewer, language filter, GitHub link, আর direct download সহ। Listing page থেকে code viewer-এ যাওয়া যায়।

DSA & Algorithms Language Filter Inline Code Viewer GitHub Integration Code Download Prev / Next Navigation

solution.py README.md

# Binary Search — O(log n)

def binary_search(arr, target):

lo, hi = 0, len(arr) - 1

while lo <= hi:

mid = (lo + hi) // 2

if arr[mid] == target:

return mid

elif arr[mid] < target:

lo = mid + 1

else: hi = mid - 1

return -1

Copy .py GitHub

programming-listing.html

code-viewer.html?id=X

2-page flow

PAGE 01

Project Listing Page

The main programming projects listing shows all software and DSA projects as cards. A language/category filter row at the top lets users narrow by language (Python, C++, JavaScript, etc.) or topic (Sorting, Graphs, Trees…). Search bar filters in real-time.

Main listing page-এ সব programming projects card হিসেবে দেখা যায়। Language filter এবং real-time search দিয়ে খুঁজে পাওয়া সহজ।

Language Filter Chips

Filter by Python, C++, JavaScript, Java, or All — chips highlight active filter

Real-time Search

Instant card filtering as you type — title, tags, and description matched

Tech Badges on Cards

Each card shows language, difficulty badge, and algorithm category tags

Click → Code Viewer

Card click opens code-viewer.html with the full source, actions, and navigation

Listing Page Preview

All Python C++ JavaScript Java

Binary Search Tree — BST Operations

Python Trees Medium

Insert, search, delete, inorder traversal

Dijkstra's Shortest Path

C++ Graphs Hard

PAGE 02

Inline Code Viewer

The code viewer page loads the selected project's source file and displays it with full syntax highlighting via Prism.js. Language-appropriate tokens — keywords, functions, strings, comments — are color-coded. Copy, Download and GitHub buttons sit below the code block. Prev/Next navigation cycles through all projects without returning to the listing.

Code viewer-এ Prism.js দিয়ে syntax highlight, Copy/Download/GitHub buttons, এবং Prev/Next navigation আছে — listing-এ ফেরত না গিয়েই সব project দেখা যায়।

Syntax Highlighting

Prism.js highlights keywords, functions, strings, and comments per language

Copy to Clipboard

One-click copy with checkmark confirmation; copies raw source without markup

Direct Download

Downloads the source file with correct extension (.py, .cpp, .js, etc.)

GitHub Link

Opens the repository or specific file on GitHub in a new tab

Prev / Next Navigation

Navigate between all projects in sequence — URL updates with new project ID

Code Viewer Preview

# Merge sort — divide and conquer
def merge_sort(arr):
  if len(arr) <= 1:
    return arr
  mid = len(arr) // 2
  L = merge_sort(arr[:mid])
  R = merge_sort(arr[mid:])
  return merge(L, R)

Copy

.py

GitHub

3 / 18

SECTION 03

Search & Filter System

Two complementary discovery tools: Language filter chips instantly show only projects in the chosen language, while the search bar matches against project title, description, and tags simultaneously. Both can be combined — e.g. only Python projects containing "sort".

Language filter + search bar একসাথে কাজ করে। Python filter on রেখে "sort" লিখলে শুধু Python sorting projects দেখাবে।

Combined Filtering

Language filter + keyword search work simultaneously for precise discovery

Instant Response

No page reloads — JavaScript filters card DOM elements in real time

Difficulty Sorting

Cards tagged as Easy / Medium / Hard — difficulty shown as colored badge

Search in Action

binary|

2 results for "binary" · Python filter active

Binary Search Tree

Python · Trees · Medium

Binary Search — Iterative & Recursive

Python · Search · Easy

Files & Tech

Programming — File Index

Item	Type	Description
Projects Code/programming/programming-listing.html	Page	Programming project listing — language filter, search, card grid
Projects Code/programming/code-viewer.html	Page	Full code viewer — syntax highlight, copy, download, GitHub, prev/next
Projects Storage/programming/	Storage	Source files organized per project (.py, .cpp, .js, etc.)
Prism.js (CDN)	Library	Syntax highlighting engine — language auto-detected from file extension
projects.json	Data	Project metadata — id, title, language, tags, code path, GitHub URL

Also see Mobile Guide

Mobile — Programming Guide Website Projects Guide →

← Arduino Projects

Website Projects →