Built a Laptop Comparison Platform using Django and Next.j

Oussema Dammak — Tue, 11 Nov 2025 06:00:00 +0000

How this started

I wanted a simple way to compare laptops without digging through scattered specs and outdated blogs. That problem pushed me to build Mokaranet, a platform where users can browse laptops, filter them instantly, compare two models side by side, and get a clear score based on a custom algorithm I designed.

This project forced me to combine backend logic, frontend performance, SEO, authentication flows, and hosting choices. It was a solid engineering workout, and I documented the whole process here.

What the platform actually does

Mokaranet is more than a product list. Users can:

Search and filter laptops by multiple criteria
Open detailed pages with specs, benchmarks, recommended prices, and places to buy
Compare two laptops and get a score from a custom algorithm
Log in with OAuth2, JWT, or OTP
Save favorite laptops
Save comparisons for later review

These features created a clean end-to-end user flow, from discovery to decision-making.

My tech stack :

Backend: Django
Frontend: Next.js
Database: PostgreSQL

Hosting:

Frontend on Vercel
Backend on Render
Postgres on Neon
Images on Cloudinary

The scoring algorithm

The comparison feature is the core of Mokaranet. I built an algorithm that evaluates laptops based on CPU performance, GPU capability, RAM, storage type, price, and other specs that I mentioned in the comparison page. Each metric contributes to a weighted total score, giving users a simple, honest ranking.

This part took most of the trial and error. Getting the weights right was tougher than expected, but the outcome feels balanced now.

Authentication :

I implemented:

OAuth2 login
JWT-based authentication
OTP login for secure access

SEO, indexing, and analytics :

I handled:

Proper meta tags
Clean URLs
Correctly structured pages
Submission to Google Search Console
Full setup with Google Analytics
The site is already indexed and starting to get organic impressions.

Here are some screenshots of the project,
also feel free to visit via : https://mokaranet.vercel.app/

Landing Page :

Laptops List :

Result Page:

Saved Comparisons :

Final thoughts

Mokaranet helped me push my limits as a backend developer while building something useful. I would love to hear honest feedback, suggestions, or ideas for improvements. If you try it, tell me what you think.

Project link again: https://mokaranet.vercel.app/

Forem: Oussema Dammak