Products Filter

An application for filtering products

Products Filter preview

Project Overview

With the latest HTTP QUERY method, This app hepls to filter products without makeing the url too much long

About the Project

I developed a full-stack web application featuring a secure authentication system and an advanced product filtering interface. To efficiently handle deeply nested filtering criteria, I implemented the new HTTP QUERY method (RFC 10008), which allows structured JSON payloads without the URL length limits of traditional GET requests. To guarantee stability across all browsers and CDNs, I engineered a fault-tolerant fallback mechanism that automatically retries unsupported requests using POST. The project was built using a modern stack including Next.js, React, Node.js, Express.js, MongoDB Atlas, and Tailwind CSS.

Challenges Faced

Implementing the HTTP QUERY method for deeply nested filtering criteria, which required engineering a custom fallback mechanism to ensure stability across all browsers and CDNs.

Potential Improvements & Future Plans

  • Add more products
  • Add more features
  • Add more filters

Tech Stack

ReactViteTailwind CSSDaisyUIExpress.jsMongoDB Atlas