[1|Topic Detail Page] Breadboard

[hzz4343]

🍰 Appetite 🍰

| Property | Value | |:-------|:------:| | Points | 3 points | | Difficulty rating | ★★☆☆☆ | | Maximum Assignees | 2 person |

🤔 Problem Statement

Make a breadboard for each screen in the fat-marker sketch. Every place and affordance should be accounted for, but don't focus on making it look pretty. This should be essentially a bare HTML file, with no JS, and only CSS if required for basic layouts. Implement fake navigation and interactions using normal <a> tags. This purely for getting an interactive "skeleton" up, and seeing in real life whether this design would work, or has any major problems. Please see this page for more info on what your breadboard should be like (and, if you want understand the fat-marker sketch and places affordances drawing better, please see this page).

🧪 Required Tests

None (but the Code Wizard will review whether or not your code warrants some tests! Review the Code & Testing Guidelines for more info)

⚠️ Careful about:

• Don't make a separate desktop design. There should be one design, that works both in landscape and portrait orientations.

🤖 Technologies focused on in this feature

• React
• Tailwind
• Shadcn

[Sahib4]

I can work on this one @puma

[khnatiuk]

@Sahib4 it's yours! You're now assigned.

[namanparashar123]

I can work on this as well @puma

[Iwaslazkis]

@khnatiuk I added in @namanparashar123 , but he is talking with @Sahib4 right now so they've connected! Figured I'd add them in since you've gone home for the night.

[khnatiuk]

@namanparashar123 @Sahib4 can you come see me? There are folks ready to work on Phase 2 but we're unsure whether you have completed Phase 1 yet.

[khnatiuk]

@ViniOkamoto please let a PuMA know if you want to be added to this issue.

[ViniOkamoto]

On it already! @khnatiuk

[NicoleOkamoto]

Please add me to it @puma

[khnatiuk]

Yay!