Building a Frontend for our Cooking Helper with Angular

Overview

Build a complete Cooking Helper frontend, establish a reusable Angular layout and 404, ship an interactive landing page, add a dynamic recipe detail view, and finish with a guided cooking flow with TTS, timers, keyboard shortcuts, and ratings.

Syllabus

Course 1: Creating the basic Angular structure for our Cooking Helper
Course 2: Creating an Interactive Cooking Helper Landing Page with Angular
Course 3: Implementing the Recipe Detail View in Angular
Course 4: Creating the Step-by-Step Cooking Guide Page in Angular

Courses

0 reviews
3 hours
View details

Set up the core HTML structure for the app using Angular, and create a custom-styled 404 page to handle missing routes gracefully.
0 reviews
3 hours
View details

Build a dynamic landing page where users can search recipes by ingredients, explore popular options, or try a random recipe.
0 reviews
2 hours
View details

Develop a detailed recipe page to display ingredients, steps, and average ratings for any selected recipe.
0 reviews
3 hours
View details

Create a guided cooking page with step navigation, text-to-speech, timers, and user rating features.