DevIdiot!
How I Built a Job Portal with Django and React β My Journey as a Developer from Kerala
About MeHi! I'm Ajmal Mubarak, a Python Full Stack Web Developer from Iritty, Kannur, Kerala, India.My portfolio: ajmalmubarak.in What I BuiltI built a full-stack Job Portal using:Backend: Python, Django, REST APIsFrontend: React, HTML5, CSS3Database: MySQLLive demo: https://jobprotal-kappa.vercel.app/ What I Learned[Write 3-4 sentences about what you learned building it] My Other ProjectsE-commerce: https://goalzy.pythonanywhere.com/Restaurant: https://ajmal-mubarak.github.
I Built a Student Result Card Generator That Exports to PDF and Images
I Built a Student Result Card Generator That Exports to PDF and ImagesTeachers and schools often rely on spreadsheets or expensive software just to create simple student report cards.I wanted to simplify that process.That's why I built a Student Result Card Generator that allows users to create professional-looking result cards and instantly download them as printable images or PDF files.π https://www.premiumconverters.com/student-result-card Featuresπ Create professional student resu
What I learned building my first side project: doing everything client-side
I built a website with no backend at all β every tool runs in your browser, so your data never leaves your device.It's the first thing I've ever shipped, and honestly? I'm not sure I made the right call.I'd love for you to tell me. π The annoyance that started itYou know the loop.You need to format a chunk of JSON. Or decode a JWT to check what's inside. Or shrink an image before uploading it somewhere.So you Google it, click the first result, and land on a site that's:𧱠buried in adsπ aski
Activation Functions: Why a 100-Layer Network Without Them Is Still One Line
A neuron computes wΒ·x + b β a straight line. The little function after it, the activation, is what makes deep learning work. Day 2 of my DeepLearningFromZero series. The problem: linear β linear = linearStack two linear layers and the math collapses:layer2(layer1(x)) = Wβ(Wβx) = (WβWβ)x β still one linear layerSo a 100-layer network of pure linear neurons can only ever draw a straight boundary. Useless for images, language, curves. The fix: a nonlinear bendconst a = relu(dot(w, x) +
Logistic Regression From Scratch: the Same Gradient Descent, Squashed Through a Sigmoid
Day 1 of MachineLearningFromZero built linear regression (predict a number). Day 2 turns it into a classifier with one change: a sigmoid. Spam-or-not, sick-or-healthy, churn-or-stay β that's classification, and logistic regression is the simplest model for it. The sigmoid squashes to a probabilityTake the same linear score wΒ·x + b and pass it through the sigmoid:const sigmoid = z => 1 / (1 + Math.exp(-z));const prob = x => sigmoid(w1*x[0] + w2*x[1] + b); // 0..1Big positive β ~1, big
A Resume Bullet Improver in 40 Lines of Regex (No AI Needed)
A recruiter scans a resume in ~6 seconds. Bullets that start "Responsible forβ¦" with no numbers are invisible. Here's a tiny tool that fixes the two failures that sink most bullets β no AI key required. Day 5 of my SolveFromZero series. Kill weak openersA short list of regexes catches the usual offenders and swaps in a strong action verb:const WEAK = [ { re: /^responsible for /i, verb: "Owned" }, { re: /^worked on /i, verb: "Built" }, { re: /^helped /i, verb: "Drove" },];R
Spotify's Now-Playing Bar Is Just One CSS Grid + a Ticking Width
That player bar pinned to the bottom of Spotify looks like a polished component. Build it and it's a 3-column grid + two divs + a timer. Day 6 of my DesignFromZero series. Three columns.sp-bar { display: grid; grid-template-columns: 1fr auto 1fr; /* track Β· controls Β· volume */ align-items: center;}Left and right stretch; the centre is fixed β so the play button stays dead-centre at any width. The progress bar is two divs<div class="track"><div class="fill" style="width: 4
Why I Built Free Financial Converters for Everyday Use
Why I Built Free Financial Converters for Everyday UseFinancial calculations shouldn't be complicated.Whether you're estimating loan payments, calculating interest, planning savings, or making investment decisions, people often need quick answers without opening spreadsheets or downloading apps.That's why I created a collection of free financial converters and calculators as part of Premium Converters.π https://www.premiumconverters.com/financialThe goal was simple:Make financial calculati
I Built Minesweeper in ~50 Lines β the Only Hard Part Is Flood-Fill
Minesweeper feels intricate β numbers, cascading reveals, flags. Build it and you find it's a grid, a neighbour count, and one recursive function. This is Day 6 of my GameFromZero series. Each cell holds four factsconst cell = { mine: false, open: false, flag: false, n: 0 };n = how many of the 8 neighbours are mines. That number is all the player gets to reason about. Count neighbours onceAfter scattering mines randomly, precompute every non-mine cell's n:let n = 0;neighbours(r, c, (rr
I Built a 4-Sided Plot Area Calculator with 2D & 3D Visualization
I Built a 4-Sided Plot Area Calculator with 2D & 3D VisualizationMost online plot calculators only work for simple rectangular plots.However, many real-world properties have four sides with different measurements, making area estimation much more difficult.That's why I built a 4-Sided Plot Area Calculator that allows users to enter the North, South, East, and West dimensions and instantly calculate the approximate plot area.π https://www.premiumconverters.com/plot-area-calculator
The Birth and Death of JavaScript (2014)
<a href="https://news.ycombinator.com/item?id=48526661">Comments</a>
How I Built 150+ Free Online Converters with Next.js and SEO
How I Built 150+ Free Online Converters with Next.js and SEOAs a software engineer, I wanted to build something practical that people could use every day.That idea eventually became Premium Converters, a platform offering more than 150 free online converters and utility tools.π https://www.premiumconverters.com/ Why I Built ItI noticed that many conversion websites were cluttered with ads, slow to load, and difficult to use. My goal was simple:Fast conversionsMobile-friendly designAcc
The Next.js Data Cache Error That Broke My Production App (And How I Fixed It)
The Next.js Data Cache Error That Broke My Production App (And How I Fixed It)A real bug from building Flacron Gamezone β a live football platform built on Next.js 14 App Router.There's a particular kind of bug that only shows up in production. Not because your environment variables are wrong or your build config is off β but because the framework is doing exactly what it was designed to do, and that design doesn't match what you assumed.This is the story of one of those bugs. The Set
What is Moto UI?
Moto UI is a modern React component library built for developers who care about accessibility, performance, and developer experience. It combines the headless, accessible foundation of Ark UI with the type-safe, build-time styling power of Panda CSS to help teams build interfaces that are fast, flexible, and easy to maintain.Moto UI is also heavily inspired by Chakra UI and Hero UI. From Chakra UI, it borrows the idea of making UI development simple, composable, and friendly for teams. From Hero
How to Earn a Billion Dollars
<a href="https://news.ycombinator.com/item?id=48526360">Comments</a>
What I learned building a take-home pay calculator for all 50 US states
I built a free paycheck calculator because the existing ones annoyed me. Half of them are buried under ad units, and the other half want your email before they will show you a single number. All I wanted was "I make X in this state, what actually lands in my bank account." So I built my own, and then I made the mistake of trying to support all 50 states. Here is what that actually involved.The live version is at FinanceTool if you want to see where it ended up. This post is about the math and th
My Redirects Worked in the Browser. Googlebot Saw Soft 404s.
Google Search Console flagged six URLs on a client site as Soft 404. Every one of them returned a clean 200 OK when I curled it. So how does a page that loads fine get reported as "not found"?That contradiction is the whole story, and the answer turned out to be a category of bug I'd been shipping without realizing it. What "Soft 404" actually meansA hard 404 is honest: the server returns a 404 status, Google drops the URL, everyone moves on. A soft 404 is when the server returns 200 OK but
10 MERN Stack Best Practices Every Developer Should Follow in 2026
<p>Learn 10 practical MERN Stack best practices to write cleaner code, improve performance, and build scalable full-stack applications using MongoDB, Express.js, React, and Node.js.</p>
SingleSPA Works. Import Maps Don't Manage Themselves.
SingleSPA delivers on its promise. We have React apps, some legacy Vue, even an Angular dashboard β all on the same page, lazy-loaded, independent deploy pipelines. The framework itself works, no question there.It's the things around the framework that catch you.To be fair, this isn't unique to SingleSPA. Module Federation teams face the same shared-dependency drift. Monorepos have their own version skew across packages. Even backend services wrestle with who owns the OpenAPI spec. Any distribut
Essential Web Security Best Practices for React JS
Understanding Web Security in React JSReact JS is a powerful library for building user interfaces, but as with any frontend technology, it is not inherently immune to vulnerabilities. As developers, understanding the security landscape is critical to protecting user data and maintaining application integrity. This guide explores the core security risks and how to mitigate them effectively. 1. Preventing Cross-Site Scripting (XSS)Cross-Site Scripting (XSS) is the most common threat in
