Engineering Handbook

A structured open-source engineering knowledge base for mastering backend engineering — from fundamental data structures to distributed systems design.

Built for interview preparation, deep technical revision, and structured learning.

The goal of this project is to transform fragmented learning resources into a structured, continuously evolving engineering handbook.

Inspired by the documentation design philosophy used by companies like Stripe and Vercel.

Table of Contents

• Live Website
• Quick Start
• Project Structure
• Learning Roadmap
• Documentation Structure
• Design System
• Features
• Adding a New Topic
• Local Development
• Deployment
• Contributing
• License

Live Website

GitHub Pages — https://aj-world.github.io/engineering-handbook/

Netlify — https://engineering-handbook-v01.netlify.app/

Quick Start

Clone the repository:

git clone https://github.com/Aj-world/engineering-handbook.git

Open index.html in your browser. No build process required.

Project Structure

engineering-handbook/
│
├── index.html
│   └── Homepage / learning roadmap
│
├── pages/
│   └── Topic documentation pages
│
│   ├── arrays.html
│   ├── hashmap.html
│   ├── linkedlist.html
│   ├── stack.html
│   ├── queue.html
│   ├── trees.html
│   ├── graphs.html
│
│   ├── operating-systems.html
│   ├── networking.html
│   ├── databases.html
│
│   ├── rest-api.html
│   ├── authentication.html
│   ├── authorization.html
│   ├── api-security.html
│
│   ├── caching.html
│   ├── message-queues.html
│   ├── event-driven.html
│   ├── file-storage.html
│
│   ├── scalability.html
│   ├── load-balancing.html
│   ├── sharding.html
│   ├── distributed-systems.html
│
│   ├── docker.html
│   ├── cicd.html
│   ├── cloud-basics.html
│   └── monitoring.html
│
├── assets/
│   ├── css/
│   │   └── style.css
│   │
│   └── js/
│       └── search.js
│
└── README.md

Learning Roadmap

Documentation Structure

Each topic follows a consistent learning format:

1. Theory
2. Mental Model
3. Properties
4. Complexity
5. Real System Usage
6. Code Example

This structure helps with fast revision before interviews.

Design System

Fonts

Phase Color System

Used throughout the UI to visually distinguish roadmap stages.

Features

• Live search (Ctrl + K / ⌘ + K)
• Keyboard navigation
• Active sidebar highlighting
• Copy-to-clipboard for code blocks
• Responsive layout
• Sticky documentation sidebar
• No build tools required
• Pure HTML + CSS + Vanilla JS

Adding a New Topic

1. Create a new page:

pages/your-topic.html

2. Copy the structure from:

pages/arrays.html

3. Update the title, header, and content sections.

4. Register the topic in:

assets/js/search.js

5. Link it from index.html.

Local Development

Clone the repository:

git clone https://github.com/Aj-world/engineering-handbook.git

Open index.html in any browser. No build process required.

Deployment

GitHub Pages

Settings → Pages → Source → Deploy from branch
Branch → master → Folder → /root

Site URL: https://aj-world.github.io/engineering-handbook/

Netlify

Connect the repository or drag the folder to https://engineering-handbook-v01.netlify.app/
Netlify will automatically deploy the site.

Contributing

Contributions are welcome!

1. Fork the repository
2. Create a new branch:

git checkout -b topic/your-topic-name

3. Add or improve documentation
4. Open a pull request

License

MIT License — free to use, modify, and distribute.

Author

Abinash Nayak
Backend Engineering Learner & System Design Enthusiast

Future Improvements

• Interactive diagrams
• System design visualizations
• Topic progress tracking
• Search indexing across pages