Jitubanna Wiki

Jitubanna Wiki is my personal knowledge base and digital garden – a living document that contains everything about me: my biography, skills, projects, achievements, and more. It's built to be a comprehensive, structured, and always‑updated resource.

Why a Wiki?

The idea for this wiki came from a simple observation: as I built my digital identity ecosystem, I realized that a single website wasn't enough to contain all the information I wanted to share. A wiki format allows:

• Deep dives – Each topic gets its own space.
• Easy updates – Content is written in Markdown/MDX, making it simple to add or modify.
• Structured knowledge – Categories, tags, and navigation make information easy to find.
• Living documentation – It grows and evolves with me.

Tech Stack

This wiki is built with modern, developer‑friendly technologies:

| Technology | Purpose | |------------|---------| | Next.js 14 (App Router) | Framework for the entire site – server components, routing, and performance. | | MDX | Content format – write in Markdown, embed React components. | | Tailwind CSS | Styling – utility‑first, fast, and consistent. | | Gray‑Matter | Parse frontmatter from MDX files. | | Lucide React | Beautiful, consistent icons. | | Vercel | Hosting and deployment – automatic on every git push. |

The source code is fully open‑source, so you can see exactly how it's built, fork it, or use it as inspiration for your own digital garden.

Key Features

1. MDX Content

All content is written in MDX, which means I can embed React components directly into the text. For example, the Skills page uses <SkillBar /> components, and the Projects page uses <ProjectCard />. This makes the wiki interactive and visually engaging.

2. Dynamic Navigation

The header and footer are generated from a constants file, so adding a new section is as simple as updating an array. The mobile menu is fully responsive.

3. SEO Optimized

Every page has:

• Unique meta titles and descriptions
• Open Graph tags for social sharing
• Structured data (JSON‑LD) for rich results
• A dynamically generated sitemap

4. Dark/Light Mode (Coming Soon)

I plan to add theme switching so readers can choose their preferred viewing experience.

5. Search (Coming Soon)

A client‑side search feature will allow users to quickly find content across all pages.

6. Edit on GitHub

Every page will eventually have an "Edit on GitHub" link, encouraging community contributions.

Content Structure

The wiki is organized into logical sections:

• Biography – My life story, from Nimod village to web development.
• Identity – Explanation of all my aliases and how they connect.
• Skills – Technical skills with proficiency levels.
• Projects – Showcase of my work under JSS Originals.
• Timeline – Chronological journey with key milestones.
• Achievements – Certifications, awards, and proud moments.
• FAQ – Answers to common questions.
• Contact – How to reach me.

Each section is a separate MDX file, making it easy to maintain and update.

Development Journey

Building this wiki was a learning experience in itself:

1. Planning: I sketched out the content structure and decided on the tech stack.
2. Setup: Created the Next.js app, installed dependencies, and configured MDX.
3. Components: Built reusable UI components (Card, ProjectCard, SkillBar, TimelineItem).
4. Content: Wrote all the MDX files – this took the most time but was also the most rewarding.
5. Styling: Used Tailwind CSS to create a clean, premium light theme.
6. Deployment: Deployed to Vercel and connected the custom domain wiki.jitubanna.com.

The entire process took about two weeks of focused work, spread across evenings and weekends.

Future Enhancements

This wiki will never be truly "finished". Planned improvements include:

• Full‑text search – So readers can find anything instantly.
• Dark mode toggle – For comfortable reading at night.
• Reading time estimates – On each page.
• Related content suggestions – Based on tags and categories.
• Comments / reactions – Using a third‑party service like Giscus.
• More interactive examples – Embedding live code playgrounds.

Open Source

As with most of my projects, this wiki is open source. You can find the code on GitHub:

github.com/jitendra-math/jitubanna-wiki

Feel free to:

• Explore how it's built
• Fork it for your own digital garden
• Report issues or suggest features
• Contribute via pull requests

I believe in sharing knowledge and helping others, and open source is a big part of that.

Conclusion

Jitubanna Wiki is more than just a project – it's a reflection of who I am, what I've done, and where I'm going. It's a living document that will continue to grow alongside my journey. Whether you're here to learn about me, get inspired for your own wiki, or just curious, I hope you find something valuable.

If you have any questions or feedback, don't hesitate to reach out.