go back

Medamayakey

slideslideslideslide

This is a recipe search web application. Recipes are displayed randomly using an API. By combining ParallelRoutes and InterceptingRoutes, a modal is displayed when a card is clicked, and if the page is reloaded with the modal open, it transitions to the recipe details page. When the Save button is clicked, the recipe can be viewed on the My Recipe page, where the necessary ingredients for each recipe are also displayed. A filtering function is implemented, allowing recipes to be narrowed down by country, allergies, and diet.

tech stack

Next.jsTypeScriptfirestoreclerkshadcn/uiTailwind CSS