Mobile Projects

Projects Section
Deep Dive Guide

The mobile projects section is a 3-tier navigation — Hub → Category Listing → Project Viewer. Each tier has its own UI pattern optimized for touch.

Mobile Projects তিনটা স্তরে — Hub থেকে category বেছে, সেখান থেকে project বেছে, তারপর detail viewer-এ সম্পূর্ণ তথ্য দেখো।

Mobile Only 3-Tier Navigation 23 Arduino 35 CAD Models 63+ Total
Navigation Flow

3-Tier Navigation

Hub → Category → Project Viewer। প্রতিটা level-এ আলাদা UI pattern।

Tier 01
Projects Hub
projects.html
Tier 02
Category Listing
arduino-projects.html
Tier 03
Project Viewer
project-viewer.html
Tier 1

Projects Hub

সব categories-এর overview এবং stats। — mobile/projects/projects.html

Projects Gallery
Arduino, CAD, Electronics & More
23
Arduino
35
CAD Models
63
Total
Browse by Category
Arduino Projects
23 Projects
SolidWorks Models
35 Models
MATLAB Projects
Coming Soon
Electronics Tools
5 Tools
Hero + Stats Grid
3 stat cards — Arduino (23), CAD Models (35), Total (63)। Count visible without opening any category।
Category Cards Grid
2×2 grid। প্রতিটা card-এ color-coded icon, category name, project count, chevron arrow।
Arduino Projects ●
23 projects। IoT, Sensors & Embedded Systems। → arduino-projects.html
SolidWorks Models ●
35 3D CAD designs & assemblies। → solidworks-projects.html
MATLAB / Electronics
MATLAB → Coming Soon। Electronics → 5 reference tools & calculators।
Categories

All 4 Categories

প্রতিটা category-র details।

Arduino Projects
23 Projects
IoT, Sensors, Embedded Systems, LED, Display, Actuators
SolidWorks Models
35 Models
3D CAD Designs, Assemblies, Mechanical Components
MATLAB Projects
Coming Soon
Simulations, Algorithms, Signal Processing
Electronics Tools
5 Tools
Calculators & Reference Guides for electronics
Tier 2

Category Listing Page

একটা category-র সব projects list। Arduino used as example। — arduino-projects.html

Back
Search Arduino projects...
All Arduino Projects
23 Projects
All 23
LED
Sensors
Display
Advanced
Smart LED Matrix Display
8×8 LED matrix with Arduino Nano — scrolling text, patterns
LED
Arduino Nano
Display
Temperature Monitor
DHT22 sensor + OLED display, real-time data logging
Sensors
OLED
DHT22
Category Header
Back button ← projects.html। Header-এ শুধু search icon button — initially hidden।
Hidden Search Bar
Default display:none। Search button tap → slides in। Clear (×) button appears when typing। Real-time filter।
Category Hero
Large icon, category title, sub-categories description, project count badge।
Scrollable Filter Chips
Horizontal scroll tabs — sub-categories। Each chip shows count badge। Active chip highlighted red।
Project Cards
Title, short description, tag chips। Tap card → Project Viewer page-এ যায়।
Tier 3

Project Viewer

একটা project-এর সম্পূর্ণ detail — markdown rendering, code blocks, actions। — project-viewer.html

Back
Smart LED Matrix Display

An 8×8 LED matrix controlled by Arduino Nano displaying scrolling text and animations.

Components

Arduino Nano, MAX7219, 8×8 LED Matrix, jumper wires.

Code Snippet
#include <LedControl.h>
LedControl lc=LedControl(12,11,10,1);
void setup(){...}
Download Files
View Source
Viewer Header — Action Buttons
Back button + Share + Bookmark। Share → Web Share API। Bookmark → localStorage save।
Markdown Rendering
Project content markdown থেকে HTML-এ render। H1, H2, H3 headings, paragraphs, lists — সব mobile-styled।
Code Blocks
Syntax-highlighted code snippets। Header-এ Copy button — একটা tap-এ code copy। Touch-friendly size।
Action Buttons
Download project files (primary red) + View Source (secondary). Grid layout — 2 columns।
SolidWorks Viewer
SolidWorks projects-এ extra: 3D GLB model viewer, rotate/zoom/pan controls, model download button।
Web Share API
Share button → native OS share sheet — WhatsApp, Gmail, Copy Link। Mobile-only feature।
Bookmark (localStorage)
Project bookmark সেভ হয় localStorage-এ। App বন্ধ করলেও bookmark থাকে।
3D GLB Viewer
SolidWorks category-তে 3D model viewer। Rotate, zoom, pan — touch gesture support।
Code Copy Button
প্রতিটা code block-এ Copy button। Clipboard API দিয়ে one-tap copy।
File Map

Related Files

FileRole
mobile/projects/projects.htmlHub — 4 category cards + stats grid
mobile/projects/arduino-projects.htmlArduino listing — search, filter chips, project cards
mobile/projects/solidworks-projects.htmlSolidWorks listing — same pattern as Arduino
mobile/projects/matlab-projects.htmlMATLAB listing — Coming Soon state
mobile/projects/electronics-projects.htmlElectronics tools listing
mobile/projects/project-viewer.htmlSingle project detail — markdown render, code copy, share, bookmark
Projects Storage/Project files — markdown, images, 3D models stored here
 Category Deep Dive Guides
Arduino Full Guide SolidWorks Full Guide MATLAB Full Guide Electronics Full Guide