Mobile Projects — Programming

Programming Projects
Complete Guide

Guide to the Programming section — DSA solutions, algorithms, and software projects. Filter by language, search by topic, view code inline with the built-in code viewer.

Programming section-এর প্রতিটা feature বিস্তারিত guide। DSA solutions, language filter, inline code viewer — সব documented।

DSA & Solutions Language Filter Inline Code Viewer GitHub Integration Bookmark Support
Page Flow

2-Page Navigation

Programming section-এ দুটো page — listing আর code viewer।

Page 01
Programming Listing
programming-listing.html
Page 02
Code Viewer
code-viewer.html?id=X
Page 1

Programming Listing

programming-listing.html — Project cards load from JSON with filter + search support.

Projects
Programming Projects
DSA · Algorithms · Software
All Projects
Search by name, language...
All
Python
C++
Java
JS
Python DSA
Binary Search Tree
Insert, delete, traversal with visualization
GitHub · View Code
C++ Sorting
Sorting Algorithms
Quick, merge, heap sort compared
GitHub · View Code
1
Category Hero
Red code icon, "Programming Projects" title, subtitle showing active category. Total count badge updates with filter.
Active filter-এর count badge dynamically update হয়।
2
Language Filter Chips
Filter by programming language: All, Python, C++, Java, JavaScript, and more. Horizontally scrollable — swipe right to see all filters.
Language অনুযায়ী filter। Horizontally scroll করা যায়।
3
Project Card
Shows: language/category tech badges, project title, short description, and quick links (GitHub, View Code). Tap card → Code Viewer.
Language badges, title, description, GitHub link। Tap → code viewer।
4
Search
Searches across: project title, description, language, and tags simultaneously.
Title, description, language, tags একসাথে search করে।
Page 2

Inline Code Viewer

code-viewer.html?id=X — Syntax-highlighted code viewer with copy, download, and GitHub navigation.

binary-search-tree.py
Python · DSA
1
2
3
4
5
6
7
8
class BST:
 def __init__(self):
  self.root = None
 def insert(self, val):
  # Insert node...
  if not self.root:
   self.root = Node(val)
  return
Lines: 47 · Python 3.9+
Prev
Next
1
Syntax-Highlighted Code
Language-aware syntax highlighting. Keywords, functions, strings, and comments each have distinct colors. Line numbers in the left gutter.
Language অনুযায়ী syntax color। Line numbers sidebar-এ।
2
Copy Button
Copies full source code to clipboard using navigator.clipboard.writeText(). Shows "Copied!" toast notification briefly.
Full code clipboard-এ copy হয়। Toast notification দেখায়।
3
Download Button
Downloads the source file with proper extension (.py, .cpp, .java etc.) via a dynamic <a download> link.
File download হয় proper extension সহ।
4
GitHub Button
Opens the project's GitHub repository in a new tab. URL pulled from the project data JSON (github_url field).
JSON-এর github_url থেকে GitHub repo-তে যায়।
5
Prev / Next Navigation
Navigate between projects in the same filtered list without returning to the listing page. Prev/Next buttons in the bottom bar.
Listing-এ না ফিরেই আগের/পরের project-এ যাওয়া যায়।
All Features

Programming Features

Programming section-এর সব notable feature।

Syntax Highlighting
Language-aware syntax coloring for Python, C++, Java, JavaScript, and more. Full token-level coloring.
Language অনুযায়ী automatic syntax color।
Language Filter
Scrollable filter chips for each language. Active chip shows live count. Instant filter without page reload.
Language chip filter — instant, no reload।
GitHub Integration
Each project has a direct GitHub repo link. Opens in new tab. Repository URL stored in project JSON.
প্রতিটা project-এ GitHub link। JSON-এ stored।
Code Download
Download source files with proper extension. No login required. Files served directly from storage.
Source file download — no login needed।
Smart Search
Search across project name, description, language, and tags simultaneously. Real-time results as you type.
Name, language, tags সব একসাথে search করে। Real-time।
Prev / Next Navigation
Keyboard-friendly navigation through the filtered project list from within the code viewer page.
Code viewer থেকে directly project navigate করা যায়।
Note: The Programming section focuses on DSA, algorithms, and utility software — not web projects. For web development projects, see the Websites section guide.