{"id":50781462,"url":"https://github.com/saadaf-m/fandom-phase3","last_synced_at":"2026-06-12T03:30:39.582Z","repository":{"id":349769708,"uuid":"1203377359","full_name":"saadaf-m/fandom-phase3","owner":"saadaf-m","description":"Fandom Redesign","archived":false,"fork":false,"pushed_at":"2026-04-18T11:34:17.000Z","size":254,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":0,"default_branch":"main","last_synced_at":"2026-04-18T13:24:14.046Z","etag":null,"topics":["claude-code","figma","figma-mcp","mcp","react","reactjs","ux","ux-ui","uxresearch"],"latest_commit_sha":null,"homepage":"https://saadaf-m.github.io/fandom-phase3/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/saadaf-m.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2026-04-07T01:45:32.000Z","updated_at":"2026-04-18T11:34:19.000Z","dependencies_parsed_at":null,"dependency_job_id":null,"html_url":"https://github.com/saadaf-m/fandom-phase3","commit_stats":null,"previous_names":["saadaf-m/fandom-wireframe-phase-2","saadaf-m/fandom-phase3"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/saadaf-m/fandom-phase3","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saadaf-m%2Ffandom-phase3","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saadaf-m%2Ffandom-phase3/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saadaf-m%2Ffandom-phase3/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saadaf-m%2Ffandom-phase3/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/saadaf-m","download_url":"https://codeload.github.com/saadaf-m/fandom-phase3/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/saadaf-m%2Ffandom-phase3/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":34228097,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-05-26T15:22:16.424Z","status":"online","status_checked_at":"2026-06-12T02:00:06.859Z","response_time":109,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["claude-code","figma","figma-mcp","mcp","react","reactjs","ux","ux-ui","uxresearch"],"created_at":"2026-06-12T03:30:38.621Z","updated_at":"2026-06-12T03:30:39.573Z","avatar_url":"https://github.com/saadaf-m.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Fandom Wireframe Prototype — Phase 2\n\nA low-fidelity wireframe prototype built with Vite + React + React Router, deployed to GitHub Pages.\n\n**Live URL:** https://saadaf-m.github.io/fandom-wireframe-phase-2/\n\n\u003e ⚠️ This is a wireframe for usability testing of Fandom.com's redesigned information architecture. It is not a production application.\n\n---\n\n## What This Is\n\nThis prototype simulates the user experience of a redesigned Fandom.com. It contains clickable navigation, realistic content labels, and real routing — but uses placeholder imagery and minimal styling intentional to a low-fidelity wireframe.\n\nThe goal is to validate the new IA (Information Architecture) with real users before committing to high-fidelity design.\n\n---\n\n## Three Critical Paths\n\n### Path 1 — Discovery from Zero\n\u003e Can a user find a specific game wiki starting from the homepage?\n\n1. **Homepage** (`/`) — Scroll to the Games section\n2. Click **Browse All** → **Games category page** (`/games`)\n3. Click **See All Trending** → **Games Trending Wikis** (`/games/trending`)\n   — or **See All Popular** → **Games Popular Wikis** (`/games/popular`)\n4. Click **View Wiki** on any card\n\n### Path 2 — Leave Your Mark\n\u003e Can a user navigate to posting a new fandom starting from the homepage?\n\n1. **Homepage** (`/`) — Click **Community** in the navbar\n2. **Community page** (`/community`) — Click **+ Post Something**\n3. **Post a New Fandom page** (`/account/post`) — Fill in the form and submit\n\n### Path 3 — Navigate Without a Safety Net\n\u003e Can a user find a specific anime wiki (Death Note) via Browse All?\n\n1. **Homepage** (`/`) — Scroll to the Anime section, click **Browse All**\n2. **Anime category page** (`/anime`) — Click **Browse All Anime Wikis**\n3. **Anime Browse All page** (`/anime/browse`) — Locate the **Death Note Wiki** card (highlighted with a border)\n4. Click **View Wiki** → **Death Note Wiki page** (`/anime/browse/death-note`)\n\n---\n\n## Pages\n\n| Route | Page |\n|---|---|\n| `/` | Homepage |\n| `/games` | Games category |\n| `/games/trending` | Games Trending Wikis |\n| `/games/popular` | Games Popular Wikis |\n| `/games/browse` | Games Browse All |\n| `/anime` | Anime category |\n| `/anime/trending` | Anime Trending Wikis |\n| `/anime/popular` | Anime Popular Wikis |\n| `/anime/browse` | Anime Browse All |\n| `/anime/browse/death-note` | Death Note Wiki |\n| `/community` | Community feed |\n| `/account/post` | Post a New Fandom |\n| `/account` | My Account |\n| `/tv` | TV category |\n| `/movies` | Movies category |\n| `/music` | Music category |\n\n---\n\n## Tech Stack\n\n- **Vite** — build tool\n- **React 18** — UI framework\n- **React Router v6** with `HashRouter` — client-side routing compatible with GitHub Pages\n- **Inline styles / plain CSS** — no external UI libraries\n- `base: '/fandom-wireframe-phase-2/'` set in `vite.config.js`\n\n## Local Development\n\n```bash\nnpm install\nnpm run dev\n```\n\n## Build \u0026 Deploy\n\n```bash\nnpm run build\n# deploy the dist/ folder to GitHub Pages\n```\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsaadaf-m%2Ffandom-phase3","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsaadaf-m%2Ffandom-phase3","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsaadaf-m%2Ffandom-phase3/lists"}