showcase

Shipped: A rebuild of one feature you use

I built a pixel-perfect, interactive clone of the Canva export modal using strictly vanilla HTML5, CSS3, and JavaScript, without any external libraries. A reviewer can verify the acceptance criteria are met by checking the live demo and the repository: 1. Clean Code: All development comments have been removed from the source files. 2. UI/UX & Styling: Features custom-styled CSS radio toggles, gradients, and dynamic loading/success states. 3. Accessibility (a11y): Implemented aria-live="polite" for status messages and proper semantic labels for all inputs. 4. Defensive Programming: Includes state validation (preventing download if no page is selected) and a proactive navigator.onLine check to intercept offline requests immediately. 5. Documentation: The README.md file contains comprehensive setup instructions, technical decisions (defensive programming vs. UX), known limits, and a specific feature improvement comparison over the original Canva modal. Repository: https://github.com/Carmy4/canva-export-menu Live: https://carmy4.github.io/canva-export-menu/ Built for the Verified Frontend Internship · Final project

showcase

internship

Add a comment

0/2000