This content originally appeared on DEV Community 👩‍💻👨‍💻 and was authored by Sachin Chaurasiya
What I built
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
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
Sachin-chaurasiya
/
indian-dishes-api
Indian Dishes Catalog API
Indian dishes catalog API
Available endpoints
Base URL : https://devxmongodb-hackathon.onrender.com/api
GET dishes list
This endpoint support two query params
- page - current page number
- limit - pass this to limit the result data
<BASE_URL>/?page=1&limit=12
GET single dish
This endpoint requires id param to get the dish.
<BASE_URL>/6371272e6faca87b81f70697
Create dish
This endpoint is a post request and requires dish data in request body
<BASE_URL>/
Update dish
This endpoint requires two thing id of the dish and updated dish data.
<BASE_URL>/6371272e6faca87b81f70697
Delete dish
This endpoint requires id of the dish that you want to delete
<BASE_URL>/6371272e6faca87b81f70697
Indian dishes UI
Sachin-chaurasiya
/
indian-dishes-catalog-ui
Indian Dishes Catalog UI
Indian dishes catalog UI
Home Page
Search Page
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.
This content originally appeared on DEV Community 👩‍💻👨‍💻 and was authored by Sachin Chaurasiya
Sachin Chaurasiya | Sciencx (2022-11-24T04:59:40+00:00) MongoDB 2022 Hackathon submission – Introducing Indian dishes catalog. Retrieved from https://www.scien.cx/2022/11/24/mongodb-2022-hackathon-submission-introducing-indian-dishes-catalog/
Please log in to upload a file.
There are no updates yet.
Click the Upload button above to add an update.