How delrhen/my-web-dev works
The main product is the VALORANT Agent Archive in api-3: users browse agents, inspect profiles and abilities, compare agents, save favorites, explore maps and strategies, and browse cosmetics. Page controllers fetch and render data through the API client, with local browser storage for favorites and comparison state. The tree also contains separate small/static projects; with no README or sampled implementation tying them to the archive, they are not represented as one product. Some page controllers are only partially sampled, so links to their undocumented dependencies are omitted.
Main entry points: api.js API client · agent-profile.js Agent profile · compare.js Agent comparison · favorites.js Favorites
Components 15
Archive experience
- Agent browser
api-3/js/agents.js - Agent profile
api-3/js/agent-profile.js - Agent comparison
api-3/js/compare.js - Favorites
api-3/js/favorites.js - Cosmetic collections
api-3/js/collections.js - Home page
api-3/js/home.js
Game reference
- Map browser
api-3/js/maps.js - Map tactics
api-3/js/map-detail.js - Curated strategies
api-3/js/map-strategies.js
Client platform
- API client
api-3/js/api.js - UI components
api-3/js/components.js - Browser storage
api-3/js/storage.js - App initialization
api-3/js/app.js
Other components
- Visitor
- VALORANT API
Connections 24
- Visitor → Agent browser: browses agents
api-3/js/agents.js - Visitor → Agent profile: opens profile
api-3/js/agent-profile.js - Visitor → Agent comparison: compares agents
api-3/js/compare.js - Visitor → Favorites: views favorites
api-3/js/favorites.js - Visitor → Cosmetic collections: browses cosmetics
api-3/js/collections.js - Visitor → Map browser: browses maps
api-3/js/maps.js - Visitor → Map tactics: opens map
api-3/js/map-detail.js - Agent browser → API client: fetches agents
api-3/js/agents.js - Agent browser → UI components: renders cards
api-3/js/agents.js - Agent profile → API client: fetches profile
api-3/js/agent-profile.js - Agent profile → Browser storage: updates favorites
api-3/js/agent-profile.js - Agent profile → UI components: formats profile
api-3/js/agent-profile.js - Agent comparison → API client: loads agents
api-3/js/compare.js - Agent comparison → Browser storage: tracks selection
api-3/js/compare.js - Agent comparison → UI components: formats comparison
api-3/js/compare.js - Favorites → API client: loads agents
api-3/js/favorites.js - Favorites → Browser storage: reads favorites
api-3/js/favorites.js - Favorites → UI components: renders agents
api-3/js/favorites.js - Cosmetic collections → API client: loads items
api-3/js/collections.js - Map browser → API client: loads maps
api-3/js/maps.js - Map tactics → API client: loads map data
api-3/js/map-detail.js - Map tactics → Curated strategies: gets strategies
- App initialization → API client: checks version
api-3/js/app.js - API client → VALORANT API: fetches game data
api-3/js/api.js