Skip to main content
Rajendra Kumar
Next.jsWeb app

Grind & Pound: Fresh Flours & Spices Online Store

E-commerce website for freshly made flours, spices and healthy staples from Bareilly, delivered across India, with category collections, pack-size options, reviews and clear delivery messaging.

Platform
Web app
Built with
Next.js
Tech stack
8 technologies

Project highlights

  • Online store for flours, spices and healthy staples, made in Bareilly and delivered across India
  • 39 products in collections for flours, spices, healthy options, immunity booster and weight loss
  • Product pages with pack sizes, sale prices, add to cart, Buy it now and photo reviews
  • Customer video stories on the home page, plus free delivery above ₹700 and 3 to 5 day delivery messaging

Overview

Grind & Pound is an online store for freshly made flours, spices and healthy staples from a production unit in Bareilly. The site is a responsive e-commerce web app built with Next.js, TypeScript and Tailwind CSS, where customers browse collections, choose a pack size, read reviews and order for delivery across India. I worked on the storefront.

The problem

A food brand that sells traditionally ground flours and spices has to build trust online. Shoppers need to see what is in each pack, how fresh it is, what it costs and when it will arrive, on a phone as easily as on a desktop.

The solution

  • Collections

    products are grouped into flours, spices, healthy options, immunity booster and weight loss, with a Shop All page of 39 products that can be sorted and filtered by availability.

  • Product pages

    large pack images, sale and regular prices, pack-size options such as 1 kg and 2 kg, add to cart or Buy it now, in-store pickup availability and review snippets with customer photos.

  • Trust and storytelling

    customer video stories and reviews on the home page, with an announcement bar for free delivery above ₹700 and delivery messaging that says orders are prepared fresh, dispatched within 24 hours and delivered in 3 to 5 days.

  • Support

    a WhatsApp chat button on every page, plus About Us and Blogs sections.

Architecture

The storefront is built with Next.js and React in TypeScript and JavaScript, styled with Tailwind CSS in a mobile-first responsive layout. It uses Shopify for the product catalogue, cart and checkout, with collection and product page templates on top. Reviews, video stories and promotions are shown as sections on the home and product pages.

Outcomes

A live online store that presents the full range clearly, makes prices and delivery times easy to see, and lets customers order on any device.

Technology stack

  • Next.js
  • React
  • TypeScript
  • JavaScript
  • Tailwind CSS
  • Shopify
  • Responsive design
  • WhatsApp chat

Screenshots

  • Grind & Pound home page with an announcement bar, main menu and customer video stories
  • Shop All page with 39 products, availability and sort controls and product cards
  • Product page for MP Sharbati wheat flour with price, sale price, pack size options and review snippets
  • Spices collection page with a banner and spice product cards

More Next.js work

Need something similar?

Tell me about your project and I will suggest a plan.

Start a conversation

All projects