Blog Architecture
Integration with debajeetkbora.com

Complete technical specifications for integrating The Hydrogen-Neuroscience Chronicles as a dedicated blog section within your main portfolio website.

Integration Overview

URL Structure

Main Site: debajeetkbora.com

Blog Root: debajeetkbora.com/blog

Article: debajeetkbora.com/blog/hydrogen-engine

About: debajeetkbora.com/blog/about

Data Structure

Blog Posts: 6 articles

Categories: 4 types

Interactive Tools: 5 features

Research Papers: 10+ citations

Blog Pages & Features

/blog (Home)

Landing page featuring hero section, featured articles grid, and quick access to interactive tools.

Hero SectionFeatured ArticlesStatsCTA

/blog/:slug (Article Detail)

Full-length article pages with markdown content, author info, related articles, and newsletter signup.

Markdown RenderingAuthor BioRelated PostsComments Ready

/blog/about (Author Profile)

Comprehensive author profile highlighting credentials, research focus, and professional background.

Harvard CertificateResearch FocusContact Info

/blog/tools (Interactive Tools)

Collection of interactive educational tools including energy calculator, research database, and visualizations.

Energy CalculatorResearch DB3D Brain ModelVisualizations

Article Catalog

Hydrogen Science

  • The Hydrogen Engine of the Brain

    Proton gradients and ATP synthesis

  • Ion Transport and Neural Signaling

    Energy coupling mechanisms

Neurotechnology

  • Nanofuel Cells and Neural Interfaces

    Hydrogen-powered BCIs

  • The Energetic Mind

    Brain power vs BCI batteries

BCI Technology

  • From Thought to Text

    Mind-writing BCIs for paralyzed patients

Consciousness

  • The Chemical Self

    Neurochemistry of consciousness

Technical Stack

Frontend

  • • React 19 with TypeScript
  • • Tailwind CSS 4 for styling
  • • Wouter for client-side routing
  • • React Three Fiber for 3D
  • • Chart.js for data visualization
  • • Markdown rendering

Features

  • • Interactive 3D brain model
  • • Energy calculator tool
  • • Research database search
  • • Newsletter subscription
  • • Responsive design
  • • Dark theme with glowing effects

Integration Steps

1

Add Blog Route

Add /blog route to main portfolio routing structure

2

Configure Navigation

Add blog link to main site navigation menu

3

Deploy Blog

Deploy blog application to /blog subdirectory

4

Setup Analytics

Configure analytics tracking for blog traffic

5

Test Integration

Verify all links, navigation, and features work correctly

Performance & SEO

95+

Lighthouse Score

<2s

Page Load Time

100%

Mobile Responsive