Difficulty: Advanced
Problem
1. frontend/index.html has no <meta name="description"> or Open Graph tags
The <head> section of frontend/index.html only contains <title>LineProof — Frontend</title> and a viewport meta tag. No og:title, og:description, og:image, og:url, or twitter:card tags exist. When the LineProof app URL is shared on Slack, Discord, Twitter, or LinkedIn, the link preview shows no meaningful content.
2. No <meta name="theme-color"> — browser chrome stays default
Mobile browsers use theme-color to color the browser UI chrome to match the app. The LineProof brand uses slate-900 (#0f172a) as the primary color, but index.html has no theme-color meta tag. Chrome/Android shows the default white browser bar.
3. No <link rel="manifest"> — app is not installable as a PWA
There is no manifest.json in frontend/public/ and no <link rel="manifest"> in index.html. The app cannot be added to a home screen with a custom icon, which is a standard feature for modern web apps.
Impact: Sharing LineProof links produces empty previews. The app appears unprofessional when shared socially. The mobile experience is degraded without theme-color. No PWA installability.
Proposed Solution
- Add
<meta name="description" content="Provably fair, non-transferable waiting lists on Stellar."> to index.html.
- Add Open Graph tags:
og:title, og:description, og:type="website", og:image (link to a static social preview image in public/).
- Add
<meta name="twitter:card" content="summary_large_image">.
- Add
<meta name="theme-color" content="#0f172a">.
- Create
frontend/public/manifest.json with app name, icons, and start URL. Link it from index.html.
Acceptance Criteria
Contributor Note
If assigned, your PR must include a screenshot of the social preview from a link unfurler (ogp.me or the Twitter Card Validator), and confirm the manifest.json validates as a valid Web App Manifest.
Difficulty: Advanced
Problem
1.
frontend/index.htmlhas no<meta name="description">or Open Graph tagsThe
<head>section offrontend/index.htmlonly contains<title>LineProof — Frontend</title>and a viewport meta tag. Noog:title,og:description,og:image,og:url, ortwitter:cardtags exist. When the LineProof app URL is shared on Slack, Discord, Twitter, or LinkedIn, the link preview shows no meaningful content.2. No
<meta name="theme-color">— browser chrome stays defaultMobile browsers use
theme-colorto color the browser UI chrome to match the app. The LineProof brand usesslate-900(#0f172a) as the primary color, butindex.htmlhas notheme-colormeta tag. Chrome/Android shows the default white browser bar.3. No
<link rel="manifest">— app is not installable as a PWAThere is no
manifest.jsoninfrontend/public/and no<link rel="manifest">inindex.html. The app cannot be added to a home screen with a custom icon, which is a standard feature for modern web apps.Impact: Sharing LineProof links produces empty previews. The app appears unprofessional when shared socially. The mobile experience is degraded without theme-color. No PWA installability.
Proposed Solution
<meta name="description" content="Provably fair, non-transferable waiting lists on Stellar.">toindex.html.og:title,og:description,og:type="website",og:image(link to a static social preview image inpublic/).<meta name="twitter:card" content="summary_large_image">.<meta name="theme-color" content="#0f172a">.frontend/public/manifest.jsonwith app name, icons, and start URL. Link it fromindex.html.Acceptance Criteria
<meta name="description">added toindex.htmlog:title,og:description,og:type,og:imageOpen Graph tags addedtwitter:cardmeta tag added<meta name="theme-color" content="#0f172a">addedfrontend/public/manifest.jsoncreated with app name and icon references<link rel="manifest">added toindex.htmlpnpm buildinfrontend/succeeds with no errorsContributor Note
If assigned, your PR must include a screenshot of the social preview from a link unfurler (ogp.me or the Twitter Card Validator), and confirm the manifest.json validates as a valid Web App Manifest.