Results for “frontend”

Add internationalisation to my [framework] app for [languages]. Show the library setup, translation file structure, how to handle plurals, dates and currencies, language switching, SEO for localised pages, and right-to-left support if needed.

My [framework] app has these needs: [describe shared state, server data, forms]. Recommend a state management approach (e.g. built-in state, Context, Zustand, Redux Toolkit, React Query), explain why, and show the setup with one example feature.

Review and rewrite this page's HTML for SEO and accessibility: semantic elements, heading order, meta title and description, Open Graph tags, canonical link, structured data for [type], and image alt text. HTML: [paste HTML]

Build validation for a [form type] form in [framework or vanilla JS]. Validate [fields] on blur and submit, show inline accessible error messages, disable submit while sending, and handle server-side errors gracefully.

Implement [infinite scroll / cursor pagination] for a list of [items] in [framework] calling [API]. Handle loading and error states, avoid duplicate requests, preserve scroll position, and include the backend query for cursor pagination.

Build a file upload feature in [stack]. Show a progress bar, validate file type and size on client and server, store files in [storage], generate safe file names, and return a URL. Explain security considerations.

Add a dark mode toggle to my site built with [stack]. Use CSS variables, respect prefers-color-scheme by default, remember the user's choice, avoid a flash of the wrong theme on load, and keep it accessible.

My web page has these performance metrics and details: [Lighthouse results / stack / page description]. Identify the biggest causes of slow loading and poor Core Web Vitals, and give prioritised fixes with code examples (images, fonts, JS bundles, caching, rendering).

You are a Vue 3 developer. Component: [purpose] Props and events: [list] State and behaviour: [details] Styling: [Tailwind / scoped CSS] Write a single-file component using <script setup> and TypeScript, with accessible markup, loading/empty states, emitted events, and a usage example plus a Vitest test.

You are a front-end developer who cares about motion design. Elements to animate: [buttons, cards, modal, loader, list items] Style: [subtle, playful, premium] Write CSS (and minimal JS if needed) for each animation using transforms and opacity for performance, sensible durations and easing, and a prefers-reduced-moti…

[Attach a screenshot or design image] You are a front-end developer. Recreate this design as HTML and CSS. Requirements: - Semantic HTML5 and accessible markup (alt text, labels, contrast) - Responsive: mobile first, with breakpoints at [e.g. 640px, 1024px] - Styling with [plain CSS with variables / Tailwind] - Match…

You are a senior React developer. Component: [name and purpose] Props: [list with types] Behaviour: [interactions, states, loading/error/empty] Styling: [Tailwind / CSS modules / styled-components] Data: [static / fetched from API endpoint] Write a functional component in TypeScript that: - Is accessible (semantic HTM…