Initial commit
This commit is contained in:
Samraaj Bath
@@ -0,0 +1,26 @@
|
||||
[
|
||||
{ "id": "easy-001", "url": "https://www.michaelcole.me/", "tier": "easy", "notes": "portfolio" },
|
||||
{ "id": "easy-002", "url": "https://f.inc/", "tier": "easy", "notes": "company/landing" },
|
||||
{ "id": "easy-003", "url": "https://www.arkli.io/", "tier": "easy", "notes": "SaaS/landing" },
|
||||
{ "id": "easy-004", "url": "https://gist-quiz.com/", "tier": "easy", "notes": "app landing" },
|
||||
{ "id": "easy-005", "url": "https://brittanychiang.com/", "tier": "easy", "notes": "portfolio" },
|
||||
{ "id": "easy-006", "url": "https://leerob.io/", "tier": "easy", "notes": "personal" },
|
||||
{ "id": "easy-007", "url": "https://paco.me/", "tier": "easy", "notes": "personal" },
|
||||
{ "id": "easy-008", "url": "https://rauno.me/", "tier": "easy", "notes": "portfolio/personal" },
|
||||
{ "id": "easy-009", "url": "https://sive.rs/", "tier": "easy", "notes": "personal/content" },
|
||||
{ "id": "easy-010", "url": "https://daringfireball.net/", "tier": "easy", "notes": "content-heavy" },
|
||||
{ "id": "easy-011", "url": "https://www.julian.com/", "tier": "easy", "notes": "personal" },
|
||||
{ "id": "easy-012", "url": "https://ianlunn.co.uk/", "tier": "easy", "notes": "portfolio" },
|
||||
{ "id": "easy-013", "url": "https://adamwathan.me/", "tier": "easy", "notes": "personal/portfolio" },
|
||||
{ "id": "easy-014", "url": "https://www.joshwcomeau.com/", "tier": "easy", "notes": "personal/content" },
|
||||
{ "id": "easy-015", "url": "https://emilkowal.ski/", "tier": "easy", "notes": "portfolio/personal" },
|
||||
{ "id": "easy-016", "url": "https://bradfrost.com/", "tier": "easy", "notes": "content/personal" },
|
||||
{ "id": "easy-017", "url": "https://maggieappleton.com/", "tier": "easy", "notes": "portfolio/content" },
|
||||
{ "id": "easy-018", "url": "https://www.robinwieruch.de/", "tier": "easy", "notes": "content/personal" },
|
||||
{ "id": "easy-019", "url": "https://www.karlsutt.com/", "tier": "easy", "notes": "portfolio" },
|
||||
{ "id": "easy-020", "url": "https://www.maxbo.me/", "tier": "easy", "notes": "portfolio/personal" },
|
||||
{ "id": "easy-021", "url": "https://www.olaolu.dev/", "tier": "easy", "notes": "portfolio" },
|
||||
{ "id": "easy-022", "url": "https://www.taniarascia.com/", "tier": "easy", "notes": "content/personal" },
|
||||
{ "id": "easy-023", "url": "https://kentcdodds.com/", "tier": "easy", "notes": "content/personal" },
|
||||
{ "id": "easy-024", "url": "https://www.swyx.io/", "tier": "easy", "notes": "content/personal" }
|
||||
]
|
||||
@@ -0,0 +1,194 @@
|
||||
[
|
||||
{
|
||||
"id": "hard-001",
|
||||
"url": "https://www.paulgraham.com/",
|
||||
"tier": "hard",
|
||||
"notes": "1996 nested-table/font typography"
|
||||
},
|
||||
{
|
||||
"id": "hard-002",
|
||||
"url": "https://news.ycombinator.com/",
|
||||
"tier": "hard",
|
||||
"notes": "dense table layout"
|
||||
},
|
||||
{
|
||||
"id": "hard-003",
|
||||
"url": "https://en.wikipedia.org/wiki/Cascading_Style_Sheets",
|
||||
"tier": "hard",
|
||||
"notes": "heavy nested DOM article"
|
||||
},
|
||||
{
|
||||
"id": "hard-004",
|
||||
"url": "https://tailwindcss.com/",
|
||||
"tier": "hard",
|
||||
"notes": "dense component showcase"
|
||||
},
|
||||
{
|
||||
"id": "hard-005",
|
||||
"url": "https://developer.mozilla.org/en-US/",
|
||||
"tier": "hard",
|
||||
"notes": "dense docs"
|
||||
},
|
||||
{
|
||||
"id": "hard-006",
|
||||
"url": "https://stripe.com/",
|
||||
"tier": "hard",
|
||||
"notes": "dense, gradients, complex"
|
||||
},
|
||||
{
|
||||
"id": "hard-007",
|
||||
"url": "https://github.com/",
|
||||
"tier": "hard",
|
||||
"notes": "dense landing"
|
||||
},
|
||||
{
|
||||
"id": "hard-008",
|
||||
"url": "https://www.apple.com/",
|
||||
"tier": "hard",
|
||||
"notes": "complex typography, scroll anim"
|
||||
},
|
||||
{
|
||||
"id": "hard-009",
|
||||
"url": "https://www.engadget.com/",
|
||||
"tier": "hard",
|
||||
"notes": "tech news, dense"
|
||||
},
|
||||
{
|
||||
"id": "hard-010",
|
||||
"url": "https://www.theregister.com/",
|
||||
"tier": "hard",
|
||||
"notes": "tech news, dense"
|
||||
},
|
||||
{
|
||||
"id": "hard-011",
|
||||
"url": "https://react.dev/",
|
||||
"tier": "hard",
|
||||
"notes": "docs, dense"
|
||||
},
|
||||
{
|
||||
"id": "hard-012",
|
||||
"url": "https://www.netlify.com/",
|
||||
"tier": "hard",
|
||||
"notes": "dense marketing"
|
||||
},
|
||||
{
|
||||
"id": "hard-013",
|
||||
"url": "https://www.smashingmagazine.com/",
|
||||
"tier": "hard",
|
||||
"notes": "dense editorial"
|
||||
},
|
||||
{
|
||||
"id": "hard-014",
|
||||
"url": "https://css-tricks.com/",
|
||||
"tier": "hard",
|
||||
"notes": "dense content"
|
||||
},
|
||||
{
|
||||
"id": "hard-015",
|
||||
"url": "https://www.sitepoint.com/",
|
||||
"tier": "hard",
|
||||
"notes": "editorial, dense"
|
||||
},
|
||||
{
|
||||
"id": "hard-016",
|
||||
"url": "https://dev.to/",
|
||||
"tier": "hard",
|
||||
"notes": "dense content feed"
|
||||
},
|
||||
{
|
||||
"id": "hard-017",
|
||||
"url": "https://www.producthunt.com/",
|
||||
"tier": "hard",
|
||||
"notes": "dense product feed"
|
||||
},
|
||||
{
|
||||
"id": "hard-018",
|
||||
"url": "https://www.awwwards.com/",
|
||||
"tier": "hard",
|
||||
"notes": "design gallery"
|
||||
},
|
||||
{
|
||||
"id": "hard-019",
|
||||
"url": "https://medium.com/",
|
||||
"tier": "hard",
|
||||
"notes": "editorial typography"
|
||||
},
|
||||
{
|
||||
"id": "hard-020",
|
||||
"url": "https://hackernoon.com/",
|
||||
"tier": "hard",
|
||||
"notes": "editorial feed, dense"
|
||||
},
|
||||
{
|
||||
"id": "hard-021",
|
||||
"url": "https://www.gov.uk/",
|
||||
"tier": "hard",
|
||||
"notes": "dense govt, static"
|
||||
},
|
||||
{
|
||||
"id": "hard-022",
|
||||
"url": "https://blog.cloudflare.com/",
|
||||
"tier": "hard",
|
||||
"notes": "dense technical blog"
|
||||
},
|
||||
{
|
||||
"id": "hard-023",
|
||||
"url": "https://www.nasa.gov/",
|
||||
"tier": "hard",
|
||||
"notes": "dense, many media assets"
|
||||
},
|
||||
{
|
||||
"id": "hard-024",
|
||||
"url": "https://www.mozilla.org/en-US/",
|
||||
"tier": "hard",
|
||||
"notes": "dense marketing"
|
||||
},
|
||||
{
|
||||
"id": "hard-025",
|
||||
"url": "https://web.dev/",
|
||||
"tier": "hard",
|
||||
"notes": "dense docs/articles"
|
||||
},
|
||||
{
|
||||
"id": "hard-026",
|
||||
"url": "https://www.nike.com/",
|
||||
"tier": "hard",
|
||||
"notes": "ecommerce; dense, popups"
|
||||
},
|
||||
{
|
||||
"id": "hard-027",
|
||||
"url": "https://www.zara.com/",
|
||||
"tier": "hard",
|
||||
"notes": "ecommerce; minimalist complex grid"
|
||||
},
|
||||
{
|
||||
"id": "hard-028",
|
||||
"url": "https://www.ssense.com/",
|
||||
"tier": "hard",
|
||||
"notes": "ecommerce; editorial luxury, dense"
|
||||
},
|
||||
{
|
||||
"id": "hard-029",
|
||||
"url": "https://www.gymshark.com/",
|
||||
"tier": "hard",
|
||||
"notes": "ecommerce; Shopify DTC, popups"
|
||||
},
|
||||
{
|
||||
"id": "hard-030",
|
||||
"url": "https://www.sephora.com/",
|
||||
"tier": "hard",
|
||||
"notes": "ecommerce; very dense, popups"
|
||||
},
|
||||
{
|
||||
"id": "hard-031",
|
||||
"url": "https://www.etsy.com/",
|
||||
"tier": "hard",
|
||||
"notes": "ecommerce; dense product grid"
|
||||
},
|
||||
{
|
||||
"id": "hard-032",
|
||||
"url": "https://www.uniqlo.com/us/en/",
|
||||
"tier": "hard",
|
||||
"notes": "ecommerce; dense, complex"
|
||||
}
|
||||
]
|
||||
@@ -0,0 +1,25 @@
|
||||
[
|
||||
{ "id": "medium-002", "url": "https://origami.chat/", "tier": "medium", "notes": "SaaS" },
|
||||
{ "id": "medium-004", "url": "https://www.tryskylink.com/", "tier": "medium", "notes": "SaaS" },
|
||||
{ "id": "medium-005", "url": "https://linear.app/", "tier": "medium", "notes": "SaaS marketing" },
|
||||
{ "id": "medium-006", "url": "https://www.raycast.com/", "tier": "medium", "notes": "SaaS/product" },
|
||||
{ "id": "medium-007", "url": "https://supabase.com/", "tier": "medium", "notes": "SaaS/product" },
|
||||
{ "id": "medium-008", "url": "https://retool.com/", "tier": "medium", "notes": "SaaS/product" },
|
||||
{ "id": "medium-009", "url": "https://www.warp.dev/", "tier": "medium", "notes": "SaaS/product" },
|
||||
{ "id": "medium-010", "url": "https://plaid.com/", "tier": "medium", "notes": "SaaS/product" },
|
||||
{ "id": "medium-011", "url": "https://www.loom.com/", "tier": "medium", "notes": "SaaS/product" },
|
||||
{ "id": "medium-012", "url": "https://webflow.com/", "tier": "medium", "notes": "SaaS/product" },
|
||||
{ "id": "medium-013", "url": "https://www.notion.com/product", "tier": "medium", "notes": "SaaS/product" },
|
||||
{ "id": "medium-014", "url": "https://slack.com/", "tier": "medium", "notes": "SaaS/product" },
|
||||
{ "id": "medium-015", "url": "https://www.figma.com/", "tier": "medium", "notes": "SaaS/product" },
|
||||
{ "id": "medium-016", "url": "https://www.attio.com/", "tier": "medium", "notes": "SaaS/product" },
|
||||
{ "id": "medium-017", "url": "https://www.airtable.com/", "tier": "medium", "notes": "SaaS/product" },
|
||||
{ "id": "medium-018", "url": "https://www.deel.com/", "tier": "medium", "notes": "SaaS/product" },
|
||||
{ "id": "medium-019", "url": "https://mercury.com/", "tier": "medium", "notes": "SaaS/fintech" },
|
||||
{ "id": "medium-020", "url": "https://asana.com/", "tier": "medium", "notes": "SaaS/product" },
|
||||
{ "id": "medium-021", "url": "https://replit.com/", "tier": "medium", "notes": "SaaS/product" },
|
||||
{ "id": "medium-022", "url": "https://vercel.com/", "tier": "medium", "notes": "SaaS/product" },
|
||||
{ "id": "medium-023", "url": "https://www.shopify.com/", "tier": "medium", "notes": "SaaS/ecommerce" },
|
||||
{ "id": "medium-024", "url": "https://www.allbirds.com/", "tier": "medium", "notes": "ecommerce" },
|
||||
{ "id": "medium-025", "url": "https://www.glossier.com/", "tier": "medium", "notes": "ecommerce" }
|
||||
]
|
||||
@@ -0,0 +1,8 @@
|
||||
[
|
||||
{ "id": "motion-001", "url": "https://rauno.me/", "tier": "motion", "notes": "personal site, ~7 CSS @keyframes animations + many transitions" },
|
||||
{ "id": "motion-002", "url": "https://www.sive.rs/", "tier": "motion", "notes": "minimal content site, light motion (regression baseline)" },
|
||||
{ "id": "motion-003", "url": "https://emilkowal.ski/", "tier": "motion", "notes": "animation-specialist site; entrance motion (some WAAPI finishes before capture)" },
|
||||
{ "id": "motion-004", "url": "https://leerob.io/", "tier": "motion", "notes": "personal site, subtle CSS transitions/animations" },
|
||||
{ "id": "motion-005", "url": "https://www.joshwcomeau.com/", "tier": "motion", "notes": "playful CSS animations (hero canvas is out of scope, frozen)" },
|
||||
{ "id": "motion-006", "url": "https://framer.com/", "tier": "motion", "notes": "Framer Motion (WAAPI) + 16 infinite CSS keyframes — declarative-motion showcase" }
|
||||
]
|
||||
@@ -0,0 +1,30 @@
|
||||
[
|
||||
{
|
||||
"id": "site-overreacted",
|
||||
"url": "https://overreacted.io/",
|
||||
"notes": "flat root-level blog collection (/:slug); home acts as the listing. Tests root-collection collapse + structural confirmation (home vs post)."
|
||||
},
|
||||
{
|
||||
"id": "site-brew",
|
||||
"url": "https://brew.sh/",
|
||||
"notes": "tiny site: home + blog listing + one post. Pure multi-page singletons + shared chrome baseline."
|
||||
},
|
||||
{
|
||||
"id": "site-jamstack",
|
||||
"url": "https://jamstack.org/",
|
||||
"maxRoutes": 12,
|
||||
"notes": "directory site: large /generators, /headless-cms, /glossary collections collapsed to listing + representative."
|
||||
},
|
||||
{
|
||||
"id": "site-gatsby",
|
||||
"url": "https://www.gatsbyjs.com/",
|
||||
"notes": "marketing + /docs collection + a /contributing pair kept whole; route-cap exercise."
|
||||
},
|
||||
{
|
||||
"id": "site-11ty",
|
||||
"url": "https://www.11ty.dev/",
|
||||
"maxRoutes": 12,
|
||||
"maxCollectionInstances": 500,
|
||||
"notes": "docs+blog multi-collection incl. nested /docs/:id/:id and an 882-instance authors directory (listing capped via maxCollectionInstances)."
|
||||
}
|
||||
]
|
||||
@@ -0,0 +1,27 @@
|
||||
[
|
||||
{ "id": "stage2-001", "url": "https://www.figma.com/", "tier": "stage2", "notes": "cookie consent (OneTrust), product hero, animation" },
|
||||
{ "id": "stage2-002", "url": "https://www.duolingo.com/", "tier": "stage2", "notes": "cookie banner, heavy mascot animation" },
|
||||
{ "id": "stage2-003", "url": "https://monday.com/", "tier": "stage2", "notes": "cookie consent, colorful marketing, video" },
|
||||
{ "id": "stage2-004", "url": "https://www.intercom.com/", "tier": "stage2", "notes": "cookie banner, marketing, scroll reveals" },
|
||||
{ "id": "stage2-005", "url": "https://www.grammarly.com/", "tier": "stage2", "notes": "cookie consent, marketing animation" },
|
||||
{ "id": "stage2-006", "url": "https://www.allbirds.com/", "tier": "stage2", "notes": "DTC: newsletter modal, cookie banner" },
|
||||
{ "id": "stage2-007", "url": "https://www.glossier.com/", "tier": "stage2", "notes": "DTC: email-capture popup" },
|
||||
{ "id": "stage2-008", "url": "https://www.warbyparker.com/", "tier": "stage2", "notes": "DTC: popups, hero media" },
|
||||
{ "id": "stage2-009", "url": "https://casper.com/", "tier": "stage2", "notes": "DTC: newsletter modal, sticky offers" },
|
||||
{ "id": "stage2-010", "url": "https://www.brooklinen.com/", "tier": "stage2", "notes": "DTC: email popup, promo banner" },
|
||||
{ "id": "stage2-011", "url": "https://ruggable.com/", "tier": "stage2", "notes": "DTC: spin-to-win / email popup" },
|
||||
{ "id": "stage2-012", "url": "https://bombas.com/", "tier": "stage2", "notes": "DTC: email-capture modal" },
|
||||
{ "id": "stage2-013", "url": "https://webflow.com/", "tier": "stage2", "notes": "hero video, scroll animation" },
|
||||
{ "id": "stage2-014", "url": "https://www.squarespace.com/", "tier": "stage2", "notes": "autoplay hero video" },
|
||||
{ "id": "stage2-015", "url": "https://www.wix.com/", "tier": "stage2", "notes": "popups, hero video, heavy JS" },
|
||||
{ "id": "stage2-016", "url": "https://www.descript.com/", "tier": "stage2", "notes": "hero/product video, animation" },
|
||||
{ "id": "stage2-017", "url": "https://www.clay.com/", "tier": "stage2", "notes": "hero video, scroll reveals" },
|
||||
{ "id": "stage2-018", "url": "https://runwayml.com/", "tier": "stage2", "notes": "video-heavy, dynamic media" },
|
||||
{ "id": "stage2-019", "url": "https://www.framer.com/", "tier": "stage2", "notes": "heavy entrance/scroll animation, video" },
|
||||
{ "id": "stage2-020", "url": "https://vercel.com/", "tier": "stage2", "notes": "scroll-reveal animation, gradients" },
|
||||
{ "id": "stage2-021", "url": "https://mailchimp.com/", "tier": "stage2", "notes": "illustrative animation, consent" },
|
||||
{ "id": "stage2-022", "url": "https://resend.com/", "tier": "stage2", "notes": "animation, dark gradients" },
|
||||
{ "id": "stage2-023", "url": "https://linear.app/", "tier": "stage2", "notes": "entrance animation, hero video" },
|
||||
{ "id": "stage2-024", "url": "https://www.everlane.com/", "tier": "stage2", "notes": "DTC: newsletter popup, stable product grid" },
|
||||
{ "id": "stage2-025", "url": "https://posthog.com/", "tier": "stage2", "notes": "cookie banner, quirky marketing animation, stable" }
|
||||
]
|
||||
Reference in New Issue
Block a user