Problem it solves
An internal knowledge base for documenting and sharing Git, GitHub, Node.js, frontend, backend, and related full stack topics.
Overview
Foundation is a curated internal source of truth for modern full stack development. The public site at foundation.diwashb.com.np is a documentation hub — JavaScript, TypeScript, tooling, and frontend and backend frameworks — with a Get Started path into the docs.
Architecture and technical approach
The site is a React Router app with Fumadocs for the docs UI, MDX for content, TypeScript, Tailwind CSS, and Vite. Docs live at /docs.
Implementation used React, React Router, Fumadocs, TypeScript, Tailwind CSS, Vite, and MDX. The same names appear on the skills page.
Key features
- Keyboard search (⌘K) across the docs
- Light and dark theme
- Structured docs for JavaScript, TypeScript, formatting, toolchains, and frameworks
- Coverage of Git, GitHub, Node.js, frontend, and backend topics
- MDX-sourced documentation linked from GitHub
Technologies used
- •React
- •React Router
- •Fumadocs
- •TypeScript
- •Tailwind CSS
- •Vite
- •MDX
Challenges and solutions
The work was turning scattered team notes into one structured docs site — searchable, themed, and organized around JavaScript, TypeScript, tooling, and frameworks rather than a pile of markdown files.
Contribution and what I learned
Foundation gives the team one searchable place for Git, GitHub, Node.js, frontend, and backend notes instead of scattered files.
More product work is on all software projects. Featured work is also previewed on Diwash Bhattarai's homepage.