Reproduce actual website part 1

.vscode/settings.json

@@ -17,5 +17,8 @@
     },
     "[yaml]": {
         "editor.tabSize": 2
+    },
+    "[astro]": {
+        "editor.defaultFormatter": "astro-build.astro-vscode"
     }
 }

src/assets/recipes.json

@@ -0,0 +1,233 @@
+[
+    {
+        "author_id": 7,
+        "author_name": "Priya Patel",
+        "cook_time": 20,
+        "details": "eggs, tomatoes, onion, garlic, spices",
+        "difficulty_level": 2,
+        "estimated_cost": 1,
+        "modification_date": "Wed, 30 Apr 2025 02:56:29 GMT",
+        "number_of_reviews": null,
+        "nutritional_information": "Approx. 400-600 kcal per serving of shakshuka",
+        "picture_id": 30,
+        "preparation": "Prepare the ingredients, cook according to the traditional Middle East method, and serve hot.",
+        "preparation_time": 10,
+        "publication_date": "Wed, 30 Apr 2025 02:56:29 GMT",
+        "recipe_id": 1126,
+        "recipe_source": "https://www.example.com/shakshuka-recipe",
+        "recipe_status": "draft",
+        "servings": 4,
+        "title": "Shakshuka",
+        "video_url": "https://www.videos.com/shakshuka-video"
+    },
+    {
+        "author_id": 8,
+        "author_name": "Luca Romano",
+        "cook_time": 25,
+        "details": "chickpeas, tomato, onion, garlic, spices",
+        "difficulty_level": 2,
+        "estimated_cost": 1,
+        "modification_date": "Wed, 30 Apr 2025 02:56:29 GMT",
+        "number_of_reviews": null,
+        "nutritional_information": "Approx. 400-600 kcal per serving of chana masala",
+        "picture_id": 11,
+        "preparation": "Prepare the ingredients, cook according to the traditional India method, and serve hot.",
+        "preparation_time": 15,
+        "publication_date": "Wed, 30 Apr 2025 02:56:29 GMT",
+        "recipe_id": 1671,
+        "recipe_source": "https://www.example.com/chana-masala-recipe",
+        "recipe_status": "draft",
+        "servings": 2,
+        "title": "Chana Masala",
+        "video_url": "https://www.videos.com/chana-masala-video"
+    },
+    {
+        "author_id": 5,
+        "author_name": "Amina Idris",
+        "cook_time": 10,
+        "details": "tortillas, cheese, beans or veggies",
+        "difficulty_level": 1,
+        "estimated_cost": 1,
+        "modification_date": "Wed, 30 Apr 2025 02:56:29 GMT",
+        "number_of_reviews": null,
+        "nutritional_information": "Approx. 400-600 kcal per serving of quesadillas",
+        "picture_id": 63,
+        "preparation": "Prepare the ingredients, cook according to the traditional Mexico method, and serve hot.",
+        "preparation_time": 5,
+        "publication_date": "Wed, 30 Apr 2025 02:56:29 GMT",
+        "recipe_id": 9758,
+        "recipe_source": "https://www.example.com/quesadillas-recipe",
+        "recipe_status": "draft",
+        "servings": 2,
+        "title": "Quesadillas",
+        "video_url": "https://www.videos.com/quesadillas-video"
+    },
+    {
+        "author_id": 6,
+        "author_name": "Ali Hassan",
+        "cook_time": 15,
+        "details": "rice, kimchi, egg, sesame oil",
+        "difficulty_level": 2,
+        "estimated_cost": 1,
+        "modification_date": "Wed, 30 Apr 2025 02:56:29 GMT",
+        "number_of_reviews": null,
+        "nutritional_information": "Approx. 400-600 kcal per serving of kimchi fried rice",
+        "picture_id": 77,
+        "preparation": "Prepare the ingredients, cook according to the traditional Korea method, and serve hot.",
+        "preparation_time": 10,
+        "publication_date": "Wed, 30 Apr 2025 02:56:29 GMT",
+        "recipe_id": 1633,
+        "recipe_source": "https://www.example.com/kimchi-fried-rice-recipe",
+        "recipe_status": "draft",
+        "servings": 2,
+        "title": "Kimchi Fried Rice",
+        "video_url": "https://www.videos.com/kimchi-fried-rice-video"
+    },
+    {
+        "author_id": 7,
+        "author_name": "Priya Patel",
+        "cook_time": 15,
+        "details": "spaghetti, garlic, olive oil, chili flakes",
+        "difficulty_level": 1,
+        "estimated_cost": 1,
+        "modification_date": "Wed, 30 Apr 2025 02:56:29 GMT",
+        "number_of_reviews": null,
+        "nutritional_information": "Approx. 400-600 kcal per serving of pasta aglio e olio",
+        "picture_id": 27,
+        "preparation": "Prepare the ingredients, cook according to the traditional Italy method, and serve hot.",
+        "preparation_time": 5,
+        "publication_date": "Wed, 30 Apr 2025 02:56:29 GMT",
+        "recipe_id": 3122,
+        "recipe_source": "https://www.example.com/pasta-aglio-e-olio-recipe",
+        "recipe_status": "draft",
+        "servings": 2,
+        "title": "Pasta Aglio e Olio",
+        "video_url": "https://www.videos.com/pasta-aglio-e-olio-video"
+    },
+    {
+        "author_id": 5,
+        "author_name": "Amina Idris",
+        "cook_time": 10,
+        "details": "cooked rice, fillings, seaweed",
+        "difficulty_level": 2,
+        "estimated_cost": 1,
+        "modification_date": "Wed, 30 Apr 2025 02:56:29 GMT",
+        "number_of_reviews": null,
+        "nutritional_information": "Approx. 400-600 kcal per serving of onigiri",
+        "picture_id": 21,
+        "preparation": "Prepare the ingredients, cook according to the traditional Japan method, and serve hot.",
+        "preparation_time": 15,
+        "publication_date": "Wed, 30 Apr 2025 02:56:29 GMT",
+        "recipe_id": 3978,
+        "recipe_source": "https://www.example.com/onigiri-recipe",
+        "recipe_status": "draft",
+        "servings": 4,
+        "title": "Onigiri",
+        "video_url": "https://www.videos.com/onigiri-video"
+    },
+    {
+        "author_id": 10,
+        "author_name": "Carlos Ruiz",
+        "cook_time": 20,
+        "details": "flour, egg, milk, water, cheese, ham",
+        "difficulty_level": 2,
+        "estimated_cost": 2,
+        "modification_date": "Wed, 30 Apr 2025 02:56:29 GMT",
+        "number_of_reviews": null,
+        "nutritional_information": "Approx. 400-600 kcal per serving of savory cr\u00eapes",
+        "picture_id": 28,
+        "preparation": "Prepare the ingredients, cook according to the traditional France method, and serve hot.",
+        "preparation_time": 10,
+        "publication_date": "Wed, 30 Apr 2025 02:56:29 GMT",
+        "recipe_id": 5128,
+        "recipe_source": "https://www.example.com/savory-cr\u00eapes-recipe",
+        "recipe_status": "draft",
+        "servings": 3,
+        "title": "Savory Cr\u00eapes",
+        "video_url": "https://www.videos.com/savory-cr\u00eapes-video"
+    },
+    {
+        "author_id": 6,
+        "author_name": "Ali Hassan",
+        "cook_time": 10,
+        "details": "noodles, peanut butter, soy sauce, lime",
+        "difficulty_level": 1,
+        "estimated_cost": 1,
+        "modification_date": "Wed, 30 Apr 2025 02:56:29 GMT",
+        "number_of_reviews": null,
+        "nutritional_information": "Approx. 400-600 kcal per serving of thai peanut noodles",
+        "picture_id": 55,
+        "preparation": "Prepare the ingredients, cook according to the traditional Thailand method, and serve hot.",
+        "preparation_time": 5,
+        "publication_date": "Wed, 30 Apr 2025 02:56:29 GMT",
+        "recipe_id": 5280,
+        "recipe_source": "https://www.example.com/thai-peanut-noodles-recipe",
+        "recipe_status": "draft",
+        "servings": 2,
+        "title": "Thai Peanut Noodles",
+        "video_url": "https://www.videos.com/thai-peanut-noodles-video"
+    },
+    {
+        "author_id": 10,
+        "author_name": "Carlos Ruiz",
+        "cook_time": 10,
+        "details": "couscous, broth, vegetables",
+        "difficulty_level": 1,
+        "estimated_cost": 1,
+        "modification_date": "Wed, 30 Apr 2025 02:56:29 GMT",
+        "number_of_reviews": null,
+        "nutritional_information": "Approx. 400-600 kcal per serving of couscous with vegetables",
+        "picture_id": 37,
+        "preparation": "Prepare the ingredients, cook according to the traditional Morocco method, and serve hot.",
+        "preparation_time": 5,
+        "publication_date": "Wed, 30 Apr 2025 02:56:29 GMT",
+        "recipe_id": 1430,
+        "recipe_source": "https://www.example.com/couscous-with-vegetables-recipe",
+        "recipe_status": "draft",
+        "servings": 2,
+        "title": "Couscous with Vegetables",
+        "video_url": "https://www.videos.com/couscous-with-vegetables-video"
+    },
+    {
+        "author_id": 2,
+        "author_name": "Jin Park",
+        "cook_time": 25,
+        "details": "rice, tomatoes, onion, pepper, spices",
+        "difficulty_level": 3,
+        "estimated_cost": 1,
+        "modification_date": "Wed, 30 Apr 2025 02:56:29 GMT",
+        "number_of_reviews": null,
+        "nutritional_information": "Approx. 400-600 kcal per serving of jollof rice",
+        "picture_id": 85,
+        "preparation": "Prepare the ingredients, cook according to the traditional Nigeria method, and serve hot.",
+        "preparation_time": 20,
+        "publication_date": "Wed, 30 Apr 2025 02:56:29 GMT",
+        "recipe_id": 9611,
+        "recipe_source": "https://www.example.com/jollof-rice-recipe",
+        "recipe_status": "draft",
+        "servings": 4,
+        "title": "Jollof Rice",
+        "video_url": "https://www.videos.com/jollof-rice-video"
+    },
+    {
+        "author_id": 5,
+        "author_name": "Amina Idris",
+        "cook_time": 15,
+        "details": "pasta, milk, butter, cheese",
+        "difficulty_level": 1,
+        "estimated_cost": 1,
+        "modification_date": "Wed, 30 Apr 2025 02:56:29 GMT",
+        "number_of_reviews": null,
+        "nutritional_information": "Approx. 400-600 kcal per serving of mac and cheese",
+        "picture_id": 1,
+        "preparation": "Prepare the ingredients, cook according to the traditional USA method, and serve hot.",
+        "preparation_time": 10,
+        "publication_date": "Wed, 30 Apr 2025 02:56:29 GMT",
+        "recipe_id": 6009,
+        "recipe_source": "https://www.example.com/mac-and-cheese-recipe",
+        "recipe_status": "draft",
+        "servings": 3,
+        "title": "Mac and Cheese",
+        "video_url": "https://www.videos.com/mac-and-cheese-video"
+    }
+]