At pubs.code.blog, learning never stops at theory — it transforms into action.
This page is a curated collection of the projects I’ve built, contributed to, or am currently working on. Whether it’s a small tool, a full-stack web app, or an open-source contribution, each project reflects my growth, creativity, and love for coding.
🚀 Why I Build Projects
I believe that practical application is the most powerful form of learning. Tutorials and books are great, but nothing beats writing code to solve real problems.
My projects are:
- Built with curiosity
- Centered around solving real-world challenges
- Designed to be clean, readable, and reusable
- Often open source — because knowledge should be shared
Whether you’re here to get inspired, hire me, or collaborate, I hope these projects give you a solid sense of my work and vision.
🧪 Featured Projects
Below are selected projects I’m proud of. Click into each for more details, GitHub links, tech stacks, and live demos (where available).
1. DevToolKit – A Developer’s All-in-One Utility Box
🛠️ React, Tailwind CSS, Vite, JavaScript
Description:
A web-based collection of micro-tools for developers including a JSON formatter, regex tester, color picker, and more.
Why I built it:
Switching between different websites for small tasks was slowing me down. So I combined them into one efficient, fast-loading toolset.
Highlights:
- Modular design with reusable components
- Dark/light mode support
- Progressive Web App (PWA) support
- Open-source on GitHub
- SEO-optimized landing pages for each tool
👉 View Project | GitHub
2. CodeBlog CMS – Lightweight Markdown Blog Engine
📘 Node.js, Express, MongoDB, EJS
Description:
A personal blog CMS that uses Markdown files and a MongoDB database to render dynamic blog content with minimal overhead.
Why I built it:
I wanted to explore how lightweight CMSs can be self-hosted without using WordPress.
Highlights:
- Simple dashboard for creating and editing posts
- Markdown rendering with live preview
- Secure login system with JWT
- RESTful API integration
3. PortGen – Portfolio Generator CLI
⚙️ Python, CLI, Jinja2 Templates
Description:
A command-line tool to generate a static developer portfolio site using templates and YAML/JSON input.
Why I built it:
Many beginners struggle with building their first portfolio. This tool helps automate it in minutes.
Highlights:
- No front-end knowledge required
- Customizable themes
- Generates HTML/CSS/JS files
- Command-line interface with interactive prompts
👉 GitHub
4. Live Weather App with Alerts
🌦️ React, OpenWeather API, Axios
Description:
A responsive weather forecast app with real-time updates and location-based weather alerts.
Why I built it:
To practice working with external APIs and improve state management in React.
Highlights:
- Geolocation support
- 5-day forecast
- Weather alerts using push notifications
- Clean UI and mobile-first design
5. AuthPro – Simple Auth System for Node Apps
🔐 Express, MongoDB, JWT, Bcrypt
Description:
A plug-and-play authentication module that can be added to any Node.js app.
Why I built it:
To reuse in multiple side projects and avoid rewriting auth logic every time.
Highlights:
- Secure password handling
- JWT-based authentication
- Easy integration
- Error handling and validation included
👉 GitHub
🌍 Open Source Contributions
Along with personal projects, I also contribute to open-source repositories when I can. Here’s a sample of some PRs and issues I’ve worked on:
- 🧪 DevDocs Enhancement PR – Improved search filtering performance
- 🧰 Hacktoberfest Contributions – Bug fixes and feature additions
- 📘 OpenBlog Theme – Created a dark mode toggle and optimized SEO tags
- 🧩 FreeCodeCamp Forum – Code review feedback and moderation
Contributing to open source helps me connect with developers and give back to the community that helped me grow.
📈 Work In Progress (WIP)
These projects are currently in development. Sneak peek 👇
- CodeExplain AI – A tool that uses AI to explain code in natural language
- DevPath Roadmap – Visual roadmap for web developers with curated resources
- SnippetSaver – Save, tag, and share code snippets in one place
You’ll see updates about these on my blog soon!
📂 Tech Stack Overview
Here are the technologies I most commonly use in my projects:
Frontend:
- HTML, CSS, JavaScript
- React, Tailwind CSS, Bootstrap
- Next.js (learning)
Backend:
- Node.js, Express
- Python (Flask, FastAPI)
- MongoDB, Firebase
Tools:
- Git/GitHub
- Postman
- Netlify, Vercel
- Linux, VS Code
🤝 Want to Collaborate?
If you find any of these projects interesting or want to collaborate on something similar:
- Reach out via the Contact Page
- Open an issue or PR on GitHub
- Suggest improvements — I’m always open to feedback
Whether you’re a developer, designer, or just someone with a cool idea — I’d love to hear from you.
🎯 Final Words
This projects page reflects the journey I’m on, not just the destination. Some of these are polished, some are experiments, but all are meaningful parts of my learning process.
I hope you find something here that inspires you to build your own projects, no matter where you are in your coding journey.
Keep experimenting. Keep building. Keep sharing.
—
— Sohaib Abbasi
Founder, pubs.code.blog
Code Blog 