DEV Community

Cover image for Local Shop Search - Search shop near you
Nithin I Bhandari
Nithin I Bhandari

Posted on

5 2

Local Shop Search - Search shop near you

Local Shop Search is used to search a shop near you by a map.
Shop keeper can add a shop and list his product.
End-User can Search Products and can visit his shop to purchase the product.

Live Website: https://local-shop-search.netlify.app/search/

Website Demo

Overview of My Submission

Tech Stack

  • MongoDB and MongoDB Autocomplete
  • Node JS
  • Express JS
  • React JS
  • Leaflet JS
  • Netlify for frontend and Netlify serverless backend.

How search functionality works

Here i am using MongoDB autocomplete nGram which offer autocomplete search and location index to search query by location.

Aggregate query example

Code Link

MongoDB Autocomplete Query Example

MongoDB Autocomplete index

Code Link

MongoDB Autocomplete Index Example

Submission Category:

E-Commerce Creation

Link to Code

Live Link: Visit Now
Read Me: Visit Now
Local Shop Search Front end: Visit Now
Local Shop Search Back end: Visit Now

Additional Resources / Info

How to deploy

  1. Clone frontend and backend code.
  2. Create an Imagekit account.
  3. Visit to Netlify and deploy the code, add all env variable.

Image of Datadog

The Essential Toolkit for Front-end Developers

Take a user-centric approach to front-end monitoring that evolves alongside increasingly complex frameworks and single-page applications.

Get The Kit

Top comments (0)

Sentry image

See why 4M developers consider Sentry, “not bad.”

Fixing code doesn’t have to be the worst part of your day. Learn how Sentry can help.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay