dev #1632
Updated by Md.Sajib Ahmed about 1 year ago
### **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`). `/questions/[questionNumber]`). - [ ] Support URLs like `/15-questions`. `/questions/1-out-of-15`. - [ ] location: src/app/(public)/(all-calculators-related)/(all-calculators)/calculators/test-grade-calculator/[pagent].page.tsx. src/app/(public)/(all-calculators-related)/(all-calculators)/calculators/test-grade-calculator/[pagent]. 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)` `questionNumber` and `right answer` `totalQuestions` dynamically extracted from the URL to the nested component. - [ ] Test to ensure proper data rendering in the component. - [ ] location: src/app/(public)/(all-calculators-related)/(all-calculators)/calculators/test-grade-calculator/[parent]/[child]