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/
Top comments (0)