Qear

All computer monitors specifications in one place. Compare monitors by specs, brand, and price. Find the best monitor for your needs.


Story

Client wanted a website that would allow users to compare computer monitors by specs, brand, and price. The website would have a database of monitors and their specifications. Users would be able to filter monitors by specs, brand, and price. The website would also have a blog section where users could read articles about monitors.

Since we wouldn't be able to find a database of monitors with their specifications, we decided to build a web scraper that would scrape monitor specifications from different websites. We built the scraper using Node.js and Playwright. The scraper would run every week and update the database with new monitors and their specifications.

We built the website using Next.js and Tailwind CSS. Since we have thousands of monitors in the database, and those monitors do not change often, we decided to use static site generation. We generated the website as a static site and deployed it to Vercel.

The website has a search feature that allows users to search for monitors by specs, brand, and price. Users can also filter monitors by specs, brand, and price. Those happens on the client side.

We have decided to use MongoDB as the database for this project because project requirements were not clear and we needed a flexible database. We used MongoDB Atlas to host the database.

We also built a backend API using Nest JS. The API would serve the monitor data to the website. We used Next.js API routes to fetch data from the backend API.

At the end of the project, client was happy with the website and we launched it. The website is live at monitors.qear.com.

We'll continue to work on this project to add more features and improve the website.


Feedback

Client was happy with the website and the work we've done.

It was great working with Ugur on this web app. He understood the task and when I had some revisions, he was quick to implement them and make sure they met my requirements. Highly recommend working with Ugur on any web app and Chrome extension.