DEV Community

Cover image for Kaimono-MongoDB Atlas Hackathon Submission.
Shivang Mishra
Shivang Mishra

Posted on

Kaimono-MongoDB Atlas Hackathon Submission.

Overview of My Submission

My project is a E-Commerce Grocery store based on MERN Stack technology, I used the Mongo Atlas Search Feature in the search bar of the website with auto search configuration. Allowing users to search items all over website, it shows the item that matches the word or else show the item closest to the word typed by user.

My Search Index Configuration:

{
  "mappings": {
    "dynamic": false,
    "fields": {
      "name": [
        {
          "foldDiacritics": false,
          "maxGrams": 5,
          "minGrams": 1,
          "tokenization": "edgeGram",
          "type": "autocomplete"
        }
      ]
    }
  }
}
Enter fullscreen mode Exit fullscreen mode

Submission Category:

E-Commerce Creation

Link to Code

GitHub logo ShivangM / Kaimono-MongoDB-Atlas-Hackathon

Made for MonogoDB Atlas hackathon, i used search feature from MongoDB to implement search bar.


Kaimono

Bye grocery online!

Express.js NodeJS MongoDB

Getting started

Requirements

  • Node.js v14.18.2^
  • NPM v6.14.0^

Installation

git clone https://github.com/ShivangM/Kaimono-MongoDB-Atlas-Hackathon.git

cd frontend
npm install

cd backend
npm install
Enter fullscreen mode Exit fullscreen mode

NOTE

You'll need a .env file in the backend directory.

It looks like this -

PORT = 5000

MONGO_URI = Database connection String
Enter fullscreen mode Exit fullscreen mode

Starting the application

npm run dev
Enter fullscreen mode Exit fullscreen mode

Additional Resources / Info

Image description

It was really fun for me participating in this hackathon and by building this project I came to learn different MongoDB features which would be really helpful in my future projects.

Contributor: Shivang Mishra ( @shivangm24 )

Top comments (0)