What I built

Indian dishes catalog

Search and apply the filters to get the dish details like

• Ingredients
• Preparation Time
• Cook Time
• Diet
• State
• Region
• Flavor

Category Submission:

Search No More

App Link

Indian dishes catalog

Screenshots

Description

Indian dishes catalog is a web application that you can use to find out famous Indian dishes, there are in total 255 dishes with all the necessary information like ingredients, preparation time, cook time, etc.

There are 2 pages, one is a listing page with infinite scroll and another one is a search page.

The search page uses the mongodb atlas search to allow full-text search, it also supports a filter on search results.

Link to Source Code

Indian dishes API

<BASE_URL>/?page=1&limit=12

<BASE_URL>/6371272e6faca87b81f70697

<BASE_URL>/

<BASE_URL>/6371272e6faca87b81f70697

<BASE_URL>/6371272e6faca87b81f70697

Indian dishes UI

Permissive License

MIT

Background

In India, we have a variety of dishes and each dish is a special dish of some state, but what if someone wants to make some dishes at their home, how they are gonna find the dish details?

So to provide a simple solution for the above problem I built the Indian dishes catalog.

Hope you enjoy it, please share your feedback in the comment.

How I built it

(How did you utilize MongoDB Atlas? Did you learn something new along the way? Pick up a new skill?)

I have never used MongoDB atlas before in any project, so I took this hackathon as an opportunity to learn MongoDB atlas and its services.

I started learning about the MongoDB atlas by following MongoDB university MongoDB Node.js Developer Path.

After getting some hands-on experience in university labs, I started working on the API for dishes and used express and Nodejs to build the API and MongoDB atlas as a data store.

Then I deployed the API on render as a web service to consume the API on the front-end of the project built with ReactJs and Chakra UI.

Atlas search was very new to me so to build the search functionality first I took the MongoDB Atlas Search course and learned how atlas search works and how can I use that in my project.

And that’s it for this topic. Thank you for reading.

Additional Resources/Info

• Getting started with MongoDB atlas
• Connecting to a MongoDB Database
• MongoDB Atlas Search
• Chakra UI - Create accessible React apps with speed

I would like to thank MongoDB for providing such great courses and documentation, also I would recommend everyone to learn about MongoDB from mongodb university itself.