Okul projesi frontend

Job ID: 35608161

Budget: $10 – $30 USD

Okul projemin frontend kısmı yazılması gerekir. Proje kısadır ve 1 gün içerisinde tamamlanacağını düşünüyorum. Proje adı recipe search using API ( API kullanarak internetteki tarifleri bulma). API spoonacular olarak geçiyor. Backend code JavaScript. Tercihen frontendi Bootstrap 5 ya da React olmasi istenir
Sistem özellikleri şunlardır: System Features

Account Management

4.1.1 Description and Priority

Users of the system updates their profile information after creating an account. This feature does not hold any priority and won’t affect other features of the system if it is not implemented.

4.1.2 Stimulus/Response Sequences

After navigating to their profile page user can update information by updating granted from.

4.1.3 Functional Requirements



REQ-1: User shall be able to create account and login.

REQ-2: User shall be able view and edit profile information.

Search

4.2.1 Description and Priority

User searches recipes based on their dish name, ingredients and calculate number of servings. This is the main functionality of the system and holds high priority.

4.2.2 Stimulus/Response Sequences

After entering keywords to the search bar, user will be granted with the list of ingredients listed

4.2.3 Functional Requirements



REQ-1: User shall be able search recipes based on dish name and ingredients used.

REQ-2: Calculate amount of ingredients based on desired servings.

REQ-3: Filter down the search to list to omit certain ingredients.



View Recipes

4.3.1 Description and Priority

After searching user navigates to desired recipe which shows the information about the recipe, ingredients, and source of the recipe. User can add ingredients to shopping list. This functionality holds high priority.

4.3.2 Stimulus/Response Sequences

Users navigates to recipe and performs available features.

4.3.3 Functional Requirements



REQ-1: User shall be able to add ingredients to shopping list

REQ-2: Users shall be able to view nutritional values of the ingredient.



Optional REQ-1: Show price of ingredients.



Favorites

4.4.1 Description and Priority

Users can save the liked recipes to view them again without searching for it. User may save multiple recipes. This functionality holds medium level of priority.

4.4.2 Stimulus/Response Sequences

User clicks on heart sign to save the recipe.

4.4.3 Functional Requirements



REQ-1: User shall be able to mark favorite recipes.

REQ-2: Users shall be able to view saved recipes.

REQ-3: Users shall be able to rate the recipes.

REQ-4: Users shall be able to remove the marked recipes from the favorites list.



Custom Recipes

4.5.1 Description and Priority

Users create their own recipes. The created recipe is only accessible by the creator of the recipe. Priority of this feature is small.

4.5.2 Stimulus/Response Sequences

Users clicks on create recipe and fills the form.

4.5.3 Functional Requirements



REQ-1: User shall be able to create their own recipes.

REQ-2: Users shall be able to view created recipes.

REQ-3: Users shall be able to create recipe with up to 10 ingredients.

REQ-4: Users shall be able to delete the created recipe.
Related categories: JavaScript Website Design HTML5 Bootstrap React.js