Development » OnlineGradeCalculator

Objective¶

Develop dynamic pages for a 15-question questionnaire and its nested structure while passing URL values to components via props.

Task Checklist¶

1. Create Nested Dynamic Page:

   • Develop a dynamic nested page for individual question views (e.g., /15-questions).
   • Support URLs like /15-questions.
   • location: src/app/(public)/(all-calculators-related)/(all-calculators)/calculators/test-grade-calculator/[pagent].page.tsx.

2. Create Nested Dynamic Page:

   • Develop a dynamic nested page for individual question views (e.g., /15-questions/1-out-of-15).
   • Support URLs like /15-questions/1-out-of-15.
   • location: src/app/(public)/(all-calculators-related)/(all-calculators)/calculators/test-grade-calculator/[parent]/[child]/page.tsx

3. Pass URL Values to Nested Component:

   • Use props to pass the question number (total) and right answer dynamically extracted from the URL to the nested component.
   • Test to ensure proper data rendering in the component.
   • Documents - (https://docs.google.com/spreadsheets/d/18Vuv9MikoEPWWOHvP12CtRB-hQYvXyh4BUO-h6rsLBw/edit?gid=1789605408#gid=1789605408)