Skip to content

Results for “frontend”

8 prompts

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.

ChatGPT
Coding & Development

Internationalisation (i18n) setup

Adds multi-language support to your app.

0

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.

ChatGPT
Coding & Development

State management setup

Chooses and sets up state management for a frontend app.

0

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]

ChatGPT
Coding & Development

SEO-friendly HTML structure

Semantic HTML and meta tags that help search engines.

0

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.

ChatGPT
Coding & Development

Form validation on the frontend

Accessible form validation with helpful error messages.

0

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.

ChatGPT
Coding & Development

Infinite scroll or pagination

Efficient list loading for large datasets.

0

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.

ChatGPT
Coding & Development

File upload with progress

Secure file uploads with progress bars and validation.

0

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.

ChatGPT
Coding & Development

Dark mode toggle

A dark mode switch that respects system settings.

0

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).

ChatGPT
Coding & Development

Web app performance audit

Finds and fixes slow page loads and poor Core Web Vitals.

0