Latest commit

History

37 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

fstream logo

<fstream>

C++ File Handling β€” Complete Interactive Guide

From #include <fstream> to binary files β€” every concept, every example, with visual diagrams.

πŸš€ Live Demo Β· πŸ“– View Guide Β· ⭐ Star this repo


✨ What is This?

A fully interactive, beautifully designed reference guide for C++ File Handling β€” built as a single-page web application.

No frameworks. No libraries. Pure HTML, CSS and JavaScript β€” fast, offline-capable, and gorgeous.

Written clearly for beginners. Detailed enough for professionals.


πŸ—‚οΈ Topics Covered

#TopicWhat You Learn
01The Header#include <fstream> β€” what it gives you and why
02Stream Classesifstream vs ofstream vs fstream
03File Modesios flags β€” append, binary, truncate and more
04File Types & Extensions.txt, .bin, .csv and when to use each
05Writing DataPut data into files immediately
06Reading DataExtract data cleanly and safely
071D Arrays in FilesStore and retrieve arrays
082D Arrays in FilesMatrix data persistence
09Character Arrays & getline()C-string file operations
10std::string in FilesModern string file handling
11File Controlseek Β· tell Β· eof β€” navigate inside any file
12Copying File to FileEfficient file duplication
13Binary FilesRaw bytes β€” fast, compact, powerful
14The Golden Cheat SheetEverything on one page

🎨 Features

βœ” Sidebar navigation β€” jump to any topic instantly

βœ” Dark / Light theme toggle

βœ” Keyboard shortcuts

βœ” Search β€” topics, keywords, functions

βœ” Syntax highlighted code blocks

βœ” Visual diagrams β€” Stream Flow, concept maps

βœ” Animated background

βœ” Fully responsive

βœ” Zero dependencies β€” single HTML file


πŸ“ Project Structure

file-handling-guide/
β”œβ”€β”€ index.html ← entire app β€” HTML + CSS + JS in one file
β”œβ”€β”€ dark-theme.png ← dark mode preview screenshot
β”œβ”€β”€ white-theme.png ← light mode preview screenshot
β”œβ”€β”€ favicon.svg ← vector icon
└── favicon.png ← raster icon

πŸš€ Getting Started

No install. No setup. No dependencies.

# Clone the repo
git clone https://github.com/Syntrojex/fstream-cpp-website.git
# Open in browser
open index.html
# Or directly visit
https://fstream-dev.vercel.app

Or just open index.html directly in any browser. βœ…


πŸ“Έ Preview

Dark ModeLight Mode
Dark ThemeLight Theme

Made with ❀️ by Syntrojex

If this helped you β€” drop a ⭐

About

πŸ“‚ An interactive C++ File Handling reference covering file streams, operations, modes, text & binary files, and more β€” with visual explanations and practical examples.

Topics

Resources

Stars

9 stars

Watchers

0 watching

Forks

Releases

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Add copy buttons to all
 blocks\n(function() {\n function addCopyButtons() {\n document.querySelectorAll('pre code').forEach(function(codeBlock) {\n if (codeBlock.parentElement.hasAttribute('data-copy-added')) return;\n codeBlock.parentElement.setAttribute('data-copy-added', 'true');\n \n var btn = document.createElement('button');\n btn.textContent = 'Copy';\n btn.style.cssText = 'position:absolute;top:4px;right:4px;padding:2px 8px;font-size:11px;background:#4ecdc4;border:none;border-radius:4px;color:#1a1a2e;cursor:pointer;opacity:0.7;transition:opacity 0.2s;';\n btn.onmouseover = function() { this.style.opacity = '1'; };\n btn.onmouseout = function() { this.style.opacity = '0.7'; };\n btn.onclick = function() {\n navigator.clipboard.writeText(codeBlock.textContent).then(function() {\n btn.textContent = 'Copied!';\n setTimeout(function() { btn.textContent = 'Copy'; }, 1500);\n });\n };\n codeBlock.parentElement.style.position = 'relative';\n codeBlock.parentElement.appendChild(btn);\n });\n }\n \n addCopyButtons();\n \n // Re-run on dynamic content\n var observer = new MutationObserver(addCopyButtons);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Add Copy Buttons to Code Blocks");
}
} catch(__e) { console.warn('[Userscript:Add Copy Buttons to Code Blocks]', __e); }
})();
(function(){
try {
var __m = "github.com";
var __re = new RegExp('^' + "github\\.com" + '
Skip to content

Latest commit

History

37 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

fstream logo

<fstream>

C++ File Handling β€” Complete Interactive Guide

From #include <fstream> to binary files β€” every concept, every example, with visual diagrams.

πŸš€ Live Demo Β· πŸ“– View Guide Β· ⭐ Star this repo


✨ What is This?

A fully interactive, beautifully designed reference guide for C++ File Handling β€” built as a single-page web application.

No frameworks. No libraries. Pure HTML, CSS and JavaScript β€” fast, offline-capable, and gorgeous.

Written clearly for beginners. Detailed enough for professionals.


πŸ—‚οΈ Topics Covered

#TopicWhat You Learn
01The Header#include <fstream> β€” what it gives you and why
02Stream Classesifstream vs ofstream vs fstream
03File Modesios flags β€” append, binary, truncate and more
04File Types & Extensions.txt, .bin, .csv and when to use each
05Writing DataPut data into files immediately
06Reading DataExtract data cleanly and safely
071D Arrays in FilesStore and retrieve arrays
082D Arrays in FilesMatrix data persistence
09Character Arrays & getline()C-string file operations
10std::string in FilesModern string file handling
11File Controlseek Β· tell Β· eof β€” navigate inside any file
12Copying File to FileEfficient file duplication
13Binary FilesRaw bytes β€” fast, compact, powerful
14The Golden Cheat SheetEverything on one page

🎨 Features

βœ” Sidebar navigation β€” jump to any topic instantly

βœ” Dark / Light theme toggle

βœ” Keyboard shortcuts

βœ” Search β€” topics, keywords, functions

βœ” Syntax highlighted code blocks

βœ” Visual diagrams β€” Stream Flow, concept maps

βœ” Animated background

βœ” Fully responsive

βœ” Zero dependencies β€” single HTML file


πŸ“ Project Structure

file-handling-guide/
β”œβ”€β”€ index.html ← entire app β€” HTML + CSS + JS in one file
β”œβ”€β”€ dark-theme.png ← dark mode preview screenshot
β”œβ”€β”€ white-theme.png ← light mode preview screenshot
β”œβ”€β”€ favicon.svg ← vector icon
└── favicon.png ← raster icon

πŸš€ Getting Started

No install. No setup. No dependencies.

# Clone the repo
git clone https://github.com/Syntrojex/fstream-cpp-website.git
# Open in browser
open index.html
# Or directly visit
https://fstream-dev.vercel.app

Or just open index.html directly in any browser. βœ…


πŸ“Έ Preview

Dark ModeLight Mode
Dark ThemeLight Theme

Made with ❀️ by Syntrojex

If this helped you β€” drop a ⭐

About

πŸ“‚ An interactive C++ File Handling reference covering file streams, operations, modes, text & binary files, and more β€” with visual explanations and practical examples.

Topics

Resources

Stars

9 stars

Watchers

0 watching

Forks

Releases

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Force GitHub README to respect dark mode\n(function() {\n var style = document.createElement('style');\n style.textContent = '\n .markdown-body {\n color-scheme: dark light;\n }\n .markdown-body pre { background: #161b22 !important; }\n .markdown-body code { background: rgba(110, 118, 129, 0.4) !important; }\n .markdown-body table th, .markdown-body table td { border-color: #30363d !important; }\n .markdown-body img { background: #0d1117; }\n .markdown-body blockquote { border-left-color: #8b949e; }\n .markdown-body hr { border-color: #30363d; }\n ';\n document.head.appendChild(style);\n})();", "GitHub Dark Mode README Fix"); } } catch(__e) { console.warn('[Userscript:GitHub Dark Mode README Fix]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

Latest commit

History

37 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

fstream logo

<fstream>

C++ File Handling β€” Complete Interactive Guide

From #include <fstream> to binary files β€” every concept, every example, with visual diagrams.

πŸš€ Live Demo Β· πŸ“– View Guide Β· ⭐ Star this repo


✨ What is This?

A fully interactive, beautifully designed reference guide for C++ File Handling β€” built as a single-page web application.

No frameworks. No libraries. Pure HTML, CSS and JavaScript β€” fast, offline-capable, and gorgeous.

Written clearly for beginners. Detailed enough for professionals.


πŸ—‚οΈ Topics Covered

#TopicWhat You Learn
01The Header#include <fstream> β€” what it gives you and why
02Stream Classesifstream vs ofstream vs fstream
03File Modesios flags β€” append, binary, truncate and more
04File Types & Extensions.txt, .bin, .csv and when to use each
05Writing DataPut data into files immediately
06Reading DataExtract data cleanly and safely
071D Arrays in FilesStore and retrieve arrays
082D Arrays in FilesMatrix data persistence
09Character Arrays & getline()C-string file operations
10std::string in FilesModern string file handling
11File Controlseek Β· tell Β· eof β€” navigate inside any file
12Copying File to FileEfficient file duplication
13Binary FilesRaw bytes β€” fast, compact, powerful
14The Golden Cheat SheetEverything on one page

🎨 Features

βœ” Sidebar navigation β€” jump to any topic instantly

βœ” Dark / Light theme toggle

βœ” Keyboard shortcuts

βœ” Search β€” topics, keywords, functions

βœ” Syntax highlighted code blocks

βœ” Visual diagrams β€” Stream Flow, concept maps

βœ” Animated background

βœ” Fully responsive

βœ” Zero dependencies β€” single HTML file


πŸ“ Project Structure

file-handling-guide/
β”œβ”€β”€ index.html ← entire app β€” HTML + CSS + JS in one file
β”œβ”€β”€ dark-theme.png ← dark mode preview screenshot
β”œβ”€β”€ white-theme.png ← light mode preview screenshot
β”œβ”€β”€ favicon.svg ← vector icon
└── favicon.png ← raster icon

πŸš€ Getting Started

No install. No setup. No dependencies.

# Clone the repo
git clone https://github.com/Syntrojex/fstream-cpp-website.git
# Open in browser
open index.html
# Or directly visit
https://fstream-dev.vercel.app

Or just open index.html directly in any browser. βœ…


πŸ“Έ Preview

Dark ModeLight Mode
Dark ThemeLight Theme

Made with ❀️ by Syntrojex

If this helped you β€” drop a ⭐

About

πŸ“‚ An interactive C++ File Handling reference covering file streams, operations, modes, text & binary files, and more β€” with visual explanations and practical examples.

Topics

Resources

Stars

9 stars

Watchers

0 watching

Forks

Releases

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Highlight search terms from Google/DuckDuckGo/Bing referrer\n(function() {\n var ref = document.referrer;\n var terms = [];\n \n if (ref.includes('google.com') || ref.includes('duckduckgo.com') || ref.includes('bing.com')) {\n var url = new URL(ref);\n var q = url.searchParams.get('q') || url.searchParams.get('p');\n if (q) {\n terms = q.split(/\\s+/).filter(function(t) { return t.length > 2; });\n }\n }\n \n if (terms.length === 0) return;\n \n var style = document.createElement('style');\n style.textContent = '.userscript-highlight { background: #fbbf24; color: #1a1a2e; padding: 1px 3px; border-radius: 2px; }';\n document.head.appendChild(style);\n \n function highlight(node) {\n if (node.nodeType === 3) { // text node\n var text = node.textContent;\n var found = false;\n terms.forEach(function(term) {\n var regex = new RegExp('(' + term.replace(/[.*+?^${}()|[\\]\\\\]/g, '\\\\') + ')', 'gi');\n if (regex.test(text)) {\n found = true;\n var frag = document.createDocumentFragment();\n var parts = text.split(regex);\n parts.forEach(function(part, i) {\n if (i % 2 === 0) {\n frag.appendChild(document.createTextNode(part));\n } else {\n var span = document.createElement('span');\n span.className = 'userscript-highlight';\n span.textContent = part;\n frag.appendChild(span);\n }\n });\n node.parentNode.replaceChild(frag, node);\n }\n });\n } else if (node.nodeType === 1 && node.childNodes) { // element\n var skipTags = ['SCRIPT', 'STYLE', 'NOSCRIPT', 'TEXTAREA', 'INPUT', 'SELECT'];\n if (!skipTags.includes(node.tagName)) {\n Array.from(node.childNodes).forEach(highlight);\n }\n }\n }\n \n highlight(document.body);\n \n // Re-highlight on dynamic content\n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1 || node.nodeType === 3) highlight(node);\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Highlight Search Terms"); } } catch(__e) { console.warn('[Userscript:Highlight Search Terms]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

Latest commit

History

37 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

fstream logo

<fstream>

C++ File Handling β€” Complete Interactive Guide

From #include <fstream> to binary files β€” every concept, every example, with visual diagrams.

πŸš€ Live Demo Β· πŸ“– View Guide Β· ⭐ Star this repo


✨ What is This?

A fully interactive, beautifully designed reference guide for C++ File Handling β€” built as a single-page web application.

No frameworks. No libraries. Pure HTML, CSS and JavaScript β€” fast, offline-capable, and gorgeous.

Written clearly for beginners. Detailed enough for professionals.


πŸ—‚οΈ Topics Covered

#TopicWhat You Learn
01The Header#include <fstream> β€” what it gives you and why
02Stream Classesifstream vs ofstream vs fstream
03File Modesios flags β€” append, binary, truncate and more
04File Types & Extensions.txt, .bin, .csv and when to use each
05Writing DataPut data into files immediately
06Reading DataExtract data cleanly and safely
071D Arrays in FilesStore and retrieve arrays
082D Arrays in FilesMatrix data persistence
09Character Arrays & getline()C-string file operations
10std::string in FilesModern string file handling
11File Controlseek Β· tell Β· eof β€” navigate inside any file
12Copying File to FileEfficient file duplication
13Binary FilesRaw bytes β€” fast, compact, powerful
14The Golden Cheat SheetEverything on one page

🎨 Features

βœ” Sidebar navigation β€” jump to any topic instantly

βœ” Dark / Light theme toggle

βœ” Keyboard shortcuts

βœ” Search β€” topics, keywords, functions

βœ” Syntax highlighted code blocks

βœ” Visual diagrams β€” Stream Flow, concept maps

βœ” Animated background

βœ” Fully responsive

βœ” Zero dependencies β€” single HTML file


πŸ“ Project Structure

file-handling-guide/
β”œβ”€β”€ index.html ← entire app β€” HTML + CSS + JS in one file
β”œβ”€β”€ dark-theme.png ← dark mode preview screenshot
β”œβ”€β”€ white-theme.png ← light mode preview screenshot
β”œβ”€β”€ favicon.svg ← vector icon
└── favicon.png ← raster icon

πŸš€ Getting Started

No install. No setup. No dependencies.

# Clone the repo
git clone https://github.com/Syntrojex/fstream-cpp-website.git
# Open in browser
open index.html
# Or directly visit
https://fstream-dev.vercel.app

Or just open index.html directly in any browser. βœ…


πŸ“Έ Preview

Dark ModeLight Mode
Dark ThemeLight Theme

Made with ❀️ by Syntrojex

If this helped you β€” drop a ⭐

About

πŸ“‚ An interactive C++ File Handling reference covering file streams, operations, modes, text & binary files, and more β€” with visual explanations and practical examples.

Topics

Resources

Stars

9 stars

Watchers

0 watching

Forks

Releases

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Strip utm_, fbclid, gclid, etc. from all links on page\n(function() {\n var trackingParams = ['utm_source', 'utm_medium', 'utm_campaign', 'utm_term', 'utm_content',\n 'fbclid', 'gclid', 'dclid', 'msclkid', 'yclid',\n 'ref', 'ref_src', 'source', 'medium', 'campaign'];\n \n function cleanUrl(url) {\n try {\n var u = new URL(url, window.location.origin);\n var changed = false;\n trackingParams.forEach(function(p) {\n if (u.searchParams.has(p)) {\n u.searchParams.delete(p);\n changed = true;\n }\n });\n return changed ? u.toString() : url;\n } catch (e) {\n return url;\n }\n }\n \n function cleanLinks() {\n document.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n \n cleanLinks();\n \n var observer = new MutationObserver(function(mutations) {\n mutations.forEach(function(m) {\n m.addedNodes.forEach(function(node) {\n if (node.nodeType === 1) {\n if (node.tagName === 'A') cleanLinks();\n node.querySelectorAll('a[href]').forEach(function(a) {\n var clean = cleanUrl(a.href);\n if (clean !== a.href) a.href = clean;\n });\n }\n });\n });\n });\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "Remove Tracking Parameters from Links"); } } catch(__e) { console.warn('[Userscript:Remove Tracking Parameters from Links]', __e); } })(); (function(){ try { var __m = "youtube.com"; var __re = new RegExp('^' + "youtube\\.com" + '
Skip to content

Latest commit

History

37 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

fstream logo

<fstream>

C++ File Handling β€” Complete Interactive Guide

From #include <fstream> to binary files β€” every concept, every example, with visual diagrams.

πŸš€ Live Demo Β· πŸ“– View Guide Β· ⭐ Star this repo


✨ What is This?

A fully interactive, beautifully designed reference guide for C++ File Handling β€” built as a single-page web application.

No frameworks. No libraries. Pure HTML, CSS and JavaScript β€” fast, offline-capable, and gorgeous.

Written clearly for beginners. Detailed enough for professionals.


πŸ—‚οΈ Topics Covered

#TopicWhat You Learn
01The Header#include <fstream> β€” what it gives you and why
02Stream Classesifstream vs ofstream vs fstream
03File Modesios flags β€” append, binary, truncate and more
04File Types & Extensions.txt, .bin, .csv and when to use each
05Writing DataPut data into files immediately
06Reading DataExtract data cleanly and safely
071D Arrays in FilesStore and retrieve arrays
082D Arrays in FilesMatrix data persistence
09Character Arrays & getline()C-string file operations
10std::string in FilesModern string file handling
11File Controlseek Β· tell Β· eof β€” navigate inside any file
12Copying File to FileEfficient file duplication
13Binary FilesRaw bytes β€” fast, compact, powerful
14The Golden Cheat SheetEverything on one page

🎨 Features

βœ” Sidebar navigation β€” jump to any topic instantly

βœ” Dark / Light theme toggle

βœ” Keyboard shortcuts

βœ” Search β€” topics, keywords, functions

βœ” Syntax highlighted code blocks

βœ” Visual diagrams β€” Stream Flow, concept maps

βœ” Animated background

βœ” Fully responsive

βœ” Zero dependencies β€” single HTML file


πŸ“ Project Structure

file-handling-guide/
β”œβ”€β”€ index.html ← entire app β€” HTML + CSS + JS in one file
β”œβ”€β”€ dark-theme.png ← dark mode preview screenshot
β”œβ”€β”€ white-theme.png ← light mode preview screenshot
β”œβ”€β”€ favicon.svg ← vector icon
└── favicon.png ← raster icon

πŸš€ Getting Started

No install. No setup. No dependencies.

# Clone the repo
git clone https://github.com/Syntrojex/fstream-cpp-website.git
# Open in browser
open index.html
# Or directly visit
https://fstream-dev.vercel.app

Or just open index.html directly in any browser. βœ…


πŸ“Έ Preview

Dark ModeLight Mode
Dark ThemeLight Theme

Made with ❀️ by Syntrojex

If this helped you β€” drop a ⭐

About

πŸ“‚ An interactive C++ File Handling reference covering file streams, operations, modes, text & binary files, and more β€” with visual explanations and practical examples.

Topics

Resources

Stars

9 stars

Watchers

0 watching

Forks

Releases

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Auto-enable theater mode on YouTube\n(function() {\n function tryTheater() {\n var btn = document.querySelector('button[aria-label=\"Theater mode\"], ytd-player #player button[title=\"Theater mode\"]');\n if (btn && !btn.classList.contains('activated')) {\n btn.click();\n }\n }\n \n // Try immediately\n tryTheater();\n \n // Try after navigation (SPA)\n var lastUrl = location.href;\n setInterval(function() {\n if (location.href !== lastUrl) {\n lastUrl = location.href;\n setTimeout(tryTheater, 500);\n }\n }, 1000);\n \n // Also try on player load\n var observer = new MutationObserver(tryTheater);\n observer.observe(document.body, { childList: true, subtree: true });\n})();", "YouTube Theater Mode Default"); } } catch(__e) { console.warn('[Userscript:YouTube Theater Mode Default]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

Latest commit

History

37 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

fstream logo

<fstream>

C++ File Handling β€” Complete Interactive Guide

From #include <fstream> to binary files β€” every concept, every example, with visual diagrams.

πŸš€ Live Demo Β· πŸ“– View Guide Β· ⭐ Star this repo


✨ What is This?

A fully interactive, beautifully designed reference guide for C++ File Handling β€” built as a single-page web application.

No frameworks. No libraries. Pure HTML, CSS and JavaScript β€” fast, offline-capable, and gorgeous.

Written clearly for beginners. Detailed enough for professionals.


πŸ—‚οΈ Topics Covered

#TopicWhat You Learn
01The Header#include <fstream> β€” what it gives you and why
02Stream Classesifstream vs ofstream vs fstream
03File Modesios flags β€” append, binary, truncate and more
04File Types & Extensions.txt, .bin, .csv and when to use each
05Writing DataPut data into files immediately
06Reading DataExtract data cleanly and safely
071D Arrays in FilesStore and retrieve arrays
082D Arrays in FilesMatrix data persistence
09Character Arrays & getline()C-string file operations
10std::string in FilesModern string file handling
11File Controlseek Β· tell Β· eof β€” navigate inside any file
12Copying File to FileEfficient file duplication
13Binary FilesRaw bytes β€” fast, compact, powerful
14The Golden Cheat SheetEverything on one page

🎨 Features

βœ” Sidebar navigation β€” jump to any topic instantly

βœ” Dark / Light theme toggle

βœ” Keyboard shortcuts

βœ” Search β€” topics, keywords, functions

βœ” Syntax highlighted code blocks

βœ” Visual diagrams β€” Stream Flow, concept maps

βœ” Animated background

βœ” Fully responsive

βœ” Zero dependencies β€” single HTML file


πŸ“ Project Structure

file-handling-guide/
β”œβ”€β”€ index.html ← entire app β€” HTML + CSS + JS in one file
β”œβ”€β”€ dark-theme.png ← dark mode preview screenshot
β”œβ”€β”€ white-theme.png ← light mode preview screenshot
β”œβ”€β”€ favicon.svg ← vector icon
└── favicon.png ← raster icon

πŸš€ Getting Started

No install. No setup. No dependencies.

# Clone the repo
git clone https://github.com/Syntrojex/fstream-cpp-website.git
# Open in browser
open index.html
# Or directly visit
https://fstream-dev.vercel.app

Or just open index.html directly in any browser. βœ…


πŸ“Έ Preview

Dark ModeLight Mode
Dark ThemeLight Theme

Made with ❀️ by Syntrojex

If this helped you β€” drop a ⭐

About

πŸ“‚ An interactive C++ File Handling reference covering file streams, operations, modes, text & binary files, and more β€” with visual explanations and practical examples.

Topics

Resources

Stars

9 stars

Watchers

0 watching

Forks

Releases

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Remove or un-stick sticky/fixed headers that block content\n(function() {\n function unstick() {\n document.querySelectorAll('header, nav, [role=\"banner\"], .header, .navbar, .sticky, .fixed-top, [style*=\"position: fixed\"], [style*=\"position:sticky\"]').forEach(function(el) {\n if (el.style.position === 'fixed' || el.style.position === 'sticky' || \n getComputedStyle(el).position === 'fixed' || getComputedStyle(el).position === 'sticky') {\n el.style.position = 'static';\n el.style.top = 'auto';\n el.style.zIndex = 'auto';\n }\n });\n }\n \n unstick();\n \n var observer = new MutationObserver(unstick);\n observer.observe(document.body, { childList: true, subtree: true, attributes: true, attributeFilter: ['style', 'class'] });\n})();", "Kill Sticky Headers"); } } catch(__e) { console.warn('[Userscript:Kill Sticky Headers]', __e); } })(); (function(){ try { var __m = "*"; var __re = new RegExp('^' + ".*" + '
Skip to content

Latest commit

History

37 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

fstream logo

<fstream>

C++ File Handling β€” Complete Interactive Guide

From #include <fstream> to binary files β€” every concept, every example, with visual diagrams.

πŸš€ Live Demo Β· πŸ“– View Guide Β· ⭐ Star this repo


✨ What is This?

A fully interactive, beautifully designed reference guide for C++ File Handling β€” built as a single-page web application.

No frameworks. No libraries. Pure HTML, CSS and JavaScript β€” fast, offline-capable, and gorgeous.

Written clearly for beginners. Detailed enough for professionals.


πŸ—‚οΈ Topics Covered

#TopicWhat You Learn
01The Header#include <fstream> β€” what it gives you and why
02Stream Classesifstream vs ofstream vs fstream
03File Modesios flags β€” append, binary, truncate and more
04File Types & Extensions.txt, .bin, .csv and when to use each
05Writing DataPut data into files immediately
06Reading DataExtract data cleanly and safely
071D Arrays in FilesStore and retrieve arrays
082D Arrays in FilesMatrix data persistence
09Character Arrays & getline()C-string file operations
10std::string in FilesModern string file handling
11File Controlseek Β· tell Β· eof β€” navigate inside any file
12Copying File to FileEfficient file duplication
13Binary FilesRaw bytes β€” fast, compact, powerful
14The Golden Cheat SheetEverything on one page

🎨 Features

βœ” Sidebar navigation β€” jump to any topic instantly

βœ” Dark / Light theme toggle

βœ” Keyboard shortcuts

βœ” Search β€” topics, keywords, functions

βœ” Syntax highlighted code blocks

βœ” Visual diagrams β€” Stream Flow, concept maps

βœ” Animated background

βœ” Fully responsive

βœ” Zero dependencies β€” single HTML file


πŸ“ Project Structure

file-handling-guide/
β”œβ”€β”€ index.html ← entire app β€” HTML + CSS + JS in one file
β”œβ”€β”€ dark-theme.png ← dark mode preview screenshot
β”œβ”€β”€ white-theme.png ← light mode preview screenshot
β”œβ”€β”€ favicon.svg ← vector icon
└── favicon.png ← raster icon

πŸš€ Getting Started

No install. No setup. No dependencies.

# Clone the repo
git clone https://github.com/Syntrojex/fstream-cpp-website.git
# Open in browser
open index.html
# Or directly visit
https://fstream-dev.vercel.app

Or just open index.html directly in any browser. βœ…


πŸ“Έ Preview

Dark ModeLight Mode
Dark ThemeLight Theme

Made with ❀️ by Syntrojex

If this helped you β€” drop a ⭐

About

πŸ“‚ An interactive C++ File Handling reference covering file streams, operations, modes, text & binary files, and more β€” with visual explanations and practical examples.

Topics

Resources

Stars

9 stars

Watchers

0 watching

Forks

Releases

Contributors

Languages

, 'i'); if (__m === '*' || __re.test(location.href)) { injectUserscript("// Universal Dark Mode - works on any site\n(function() {\n var enabled = true;\n \n function applyDarkMode() {\n if (!enabled) return;\n \n // Create style element if it doesn't exist\n var style = document.getElementById('universal-dark-mode-style');\n if (!style) {\n style = document.createElement('style');\n style.id = 'universal-dark-mode-style';\n document.head.appendChild(style);\n }\n \n // Dark mode CSS - inverts colors but preserves images/video\n style.textContent = '\n /* Invert everything except media */\n html {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #1a1a2e !important;\n }\n \n /* Restore images, videos, iframes, canvas */\n img, video, iframe, canvas, svg, picture, [style*=\"background-image\"] {\n filter: invert(1) hue-rotate(180deg) !important;\n }\n \n /* Preserve specific elements that should not be inverted */\n .no-dark-mode, .no-dark-mode *,\n [data-theme=\"light\"], [data-theme=\"light\"],\n .ace_editor, .ace_editor *,\n .CodeMirror, .CodeMirror *,\n .monaco-editor, .monaco-editor *,\n .markdown-body pre, .markdown-body pre *,\n .highlight, .highlight *,\n pre code, pre code * {\n filter: none !important;\n }\n \n /* Fix common UI elements */\n .modal, .popup, .dropdown-menu, .tooltip, .popover {\n filter: invert(1) hue-rotate(180deg) !important;\n background: #2d2d44 !important;\n border-color: #444 !important;\n }\n \n /* Scrollbars */\n ::-webkit-scrollbar { background: #1a1a2e !important; }\n ::-webkit-scrollbar-thumb { background: #444 !important; }\n ::-webkit-scrollbar-thumb:hover { background: #555 !important; }\n \n /* Selection */\n ::selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ::-moz-selection { background: #4ecdc4 !important; color: #1a1a2e !important; }\n ';\n }\n \n function removeDarkMode() {\n var style = document.getElementById('universal-dark-mode-style');\n if (style) style.remove();\n }\n \n // Toggle with Alt+Shift+D\n document.addEventListener('keydown', function(e) {\n if (e.altKey && e.shiftKey && e.key === 'D') {\n e.preventDefault();\n enabled = !enabled;\n if (enabled) {\n applyDarkMode();\n console.log('[Universal Dark Mode] Enabled');\n } else {\n removeDarkMode();\n console.log('[Universal Dark Mode] Disabled');\n }\n }\n });\n \n // Apply on load\n applyDarkMode();\n \n // Re-apply on dynamic content\n var observer = new MutationObserver(function(mutations) {\n if (enabled && !document.getElementById('universal-dark-mode-style')) {\n applyDarkMode();\n }\n });\n observer.observe(document.head, { childList: true });\n \n console.log('[Universal Dark Mode] Loaded - Press Alt+Shift+D to toggle');\n})();", "Universal Dark Mode"); } } catch(__e) { console.warn('[Userscript:Universal Dark Mode]', __e); } })(); })();
Skip to content

Latest commit

History

37 Commits

Folders and files

NameName
Last commit message
Last commit date

Repository files navigation

fstream logo

<fstream>

C++ File Handling β€” Complete Interactive Guide

From #include <fstream> to binary files β€” every concept, every example, with visual diagrams.

πŸš€ Live Demo Β· πŸ“– View Guide Β· ⭐ Star this repo


✨ What is This?

A fully interactive, beautifully designed reference guide for C++ File Handling β€” built as a single-page web application.

No frameworks. No libraries. Pure HTML, CSS and JavaScript β€” fast, offline-capable, and gorgeous.

Written clearly for beginners. Detailed enough for professionals.


πŸ—‚οΈ Topics Covered

#TopicWhat You Learn
01The Header#include <fstream> β€” what it gives you and why
02Stream Classesifstream vs ofstream vs fstream
03File Modesios flags β€” append, binary, truncate and more
04File Types & Extensions.txt, .bin, .csv and when to use each
05Writing DataPut data into files immediately
06Reading DataExtract data cleanly and safely
071D Arrays in FilesStore and retrieve arrays
082D Arrays in FilesMatrix data persistence
09Character Arrays & getline()C-string file operations
10std::string in FilesModern string file handling
11File Controlseek Β· tell Β· eof β€” navigate inside any file
12Copying File to FileEfficient file duplication
13Binary FilesRaw bytes β€” fast, compact, powerful
14The Golden Cheat SheetEverything on one page

🎨 Features

βœ” Sidebar navigation β€” jump to any topic instantly

βœ” Dark / Light theme toggle

βœ” Keyboard shortcuts

βœ” Search β€” topics, keywords, functions

βœ” Syntax highlighted code blocks

βœ” Visual diagrams β€” Stream Flow, concept maps

βœ” Animated background

βœ” Fully responsive

βœ” Zero dependencies β€” single HTML file


πŸ“ Project Structure

file-handling-guide/
β”œβ”€β”€ index.html ← entire app β€” HTML + CSS + JS in one file
β”œβ”€β”€ dark-theme.png ← dark mode preview screenshot
β”œβ”€β”€ white-theme.png ← light mode preview screenshot
β”œβ”€β”€ favicon.svg ← vector icon
└── favicon.png ← raster icon

πŸš€ Getting Started

No install. No setup. No dependencies.

# Clone the repo
git clone https://github.com/Syntrojex/fstream-cpp-website.git
# Open in browser
open index.html
# Or directly visit
https://fstream-dev.vercel.app

Or just open index.html directly in any browser. βœ…


πŸ“Έ Preview

Dark ModeLight Mode
Dark ThemeLight Theme

Made with ❀️ by Syntrojex

If this helped you β€” drop a ⭐

About

πŸ“‚ An interactive C++ File Handling reference covering file streams, operations, modes, text & binary files, and more β€” with visual explanations and practical examples.

Topics

Resources

Stars

9 stars

Watchers

0 watching

Forks

Releases

Contributors

Languages