0
showcase
Shipped: Recipe with adjustable servings
A responsive Recipe with Adjustable Servings app using React, TypeScript, and Tailwind CSS. Users can adjust servings, and ingredient quantities update automatically.
How the reviewer can verify the criteria
#Keyboard: Use Tab to navigate and Enter/Space to operate the buttons.
#Focus: Every button has a visible :focus-visible indicator.
#Responsive: Test at 320px; no horizontal scrolling should occur.
#Accessibility: Serving changes are announced to screen readers using aria-live.
#Narrow screen: Ingredients and Method stack vertically on small screens.
#README: Explains keyboard operation and narrow-screen handling.
#Repository: Review the code and run the project from GitHub.
#Deployment: Netlify Live
Repository: https://github.com/humaeidmansur/accessible-recipe.git
Live: https://humaeid-internship-reciepe-project.netlify.app/
Built for the Verified Frontend Internship · accessible layout
Add a comment
0/2000