An Interest In:
Web News this Week
- November 24, 2022
- November 23, 2022
- November 22, 2022
- November 21, 2022
- November 20, 2022
- November 19, 2022
- November 18, 2022
Some of Our Sources
- Smashing Apps
- TutsPlus - Design
- Creative Curio
- CSS Globe
- Design Modo
- Daily Now
- The Verge
MongoDB 2022 Hackathon submission - Introducing Indian dishes catalog
What I built
Search and apply the filters to get the dish details like
- Preparation Time
- Cook Time
Search No More
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
Indian dishes catalog API
GET dishes list
This endpoint support two query params
- page - current page number
- limit - pass this to limit the result data
GET single dish
This endpoint requires id param to get the dish.
This endpoint is a post request and requires dish data in request body
This endpoint requires two thing
id of the dish and updated dish data.
This endpoint requires id of the dish that you want to delete
Indian dishes UI
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.
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 thats it for this topic. Thank you for reading.
- 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.
Original Link: https://dev.to/sachinchaurasiya/mongodb-2022-hackathon-submission-introducing-indian-dishes-catalog-1coa