Published on: June 2026
POCKETMEAL — A MEAL DISCOVERY WEB APP BUILT ON REACT 19 AND THEMEALDB
M. Madhan Raj
P. Logaiyan
Article Status
Available Documents
Abstract
PocketMeal is a meal web application I done together as a learning project to get comfortable with React hooks, the Context API, and working with a third-party REST data source. The app gets its recipe data from The MealDB, which is a free API available online. Users can look through meal categories, open full recipe pages, search for specific meals, and save their favorites — those saved meals stay even after closing the browser. This paper explains how I built the app, the tools I chose, how everything connects, and the bugs I came across. The code is not perfect and some problems are still present as I write this. I felt it was better to explain those issues clearly rather than fix them just before submitting.
How to Cite this Paper
Raj, M. M. (2026). Pocketmeal — A Meal Discovery Web App Built on React 19 and Themealdb. International Journal of Creative and Open Research in Engineering and Management, <i>02</i>(6). https://doi.org/10.55041/ijcope.v2i6.146
Raj, M.. "Pocketmeal — A Meal Discovery Web App Built on React 19 and Themealdb." International Journal of Creative and Open Research in Engineering and Management, vol. 02, no. 6, 2026, pp. . doi:https://doi.org/10.55041/ijcope.v2i6.146.
Raj, M.. "Pocketmeal — A Meal Discovery Web App Built on React 19 and Themealdb." International Journal of Creative and Open Research in Engineering and Management 02, no. 6 (2026). https://doi.org/https://doi.org/10.55041/ijcope.v2i6.146.
Search & Index
References
[1]React Team. (2024). React Docs. https://react.dev[2] Vite contributors. (2024). Vite — next gen frontend tooling. https://vitejs.dev
[3] Remix Software. (2024). React Router v7. https://reactrouter.com
[4] TheMealDB. (2024). API documentation for TheMealDB. https://www.themealdb.com/api.php
[5] Axios contributors. (2024). Axios HTTP client. https://axios-http.com
[6] Tailwind Labs. 2023. Tailwind CSS v4. https://tailwindcss.com
Ethical Compliance & Review Process
- •All submissions are screened under plagiarism detection.
- •Review follows editorial policy.
- •Authors retain copyright.
- •Peer Review Type: Double-Blind Peer Review
- •Published on: Jun 12 2026
This article is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License. You are free to share and adapt this work for non-commercial purposes with proper attribution.