Landing pages
Filterco
A water-treatment website presenting residential, commercial and industrial solutions.
Context / scope
Overview and scope
A water-treatment company website with a product catalogue and request forms.
The routes in the code include solutions, industries, portfolio, suppliers, FAQs, estimate and quote requests, and 13 location pages.
Front-end developer. The CV lists integrated DTC e-commerce storefronts among the front ends built.
Results
- The CV records no result figures for this project, so none are stated.
- The storefront captures use invented products, prices and store details; brand names and logos are the project's own.
Interface / screens
Walkthrough
Screen 1 of 6: Home page. Real interface, sample data.
Behaviour / flows
Features and flows
Building a quote selection
- A product card request adds the first product variant to the quote selection and scrolls to the top.
- Decreasing a selected item by its remaining quantity removes it from the selection.
Engineering / decisions
Architecture and decisions
Next.js 15.3 with React and TypeScript, using MUI, framer-motion, Redux Toolkit with redux-persist, and TanStack Query.
The dependency list includes Stripe.
Quote items keyed by variant ID
The cart reducer matches selected items by variant ID. Adding the same variant increases its quantity and recalculates its line price, total price and total quantity.
Limits / notes
Known limitations
- The screenshots show product selection within a session; retaining selections across visits is outside the captured walkthrough.
Stack / tools
Technologies
- Next.js
- React
- TypeScript
- MUI
- TanStack Query
- Redux Toolkit