my-restored-portfolio
Single-page React application · React 18.3 + Vite 5.4 + react-router-dom 7 · v2.0.0
A backend-less single-page React portfolio served as static assets from Vercel's CDN. All dynamic behaviour happens client-side, calling third-party REST APIs (GitHub, Telegram, ipify, Vercel Analytics) directly with no first-party backend.
Generated 4 Jun 2026 · 56 files · 13 components · 5 flows
File Architecture
The full source tree as a layered graph — every file with its role, imports, exports and reverse dependencies.
System Design
Runtime topology across the five zones — client, edge, application, data and external services.
Flow Graph
The five most significant application flows, step by step — startup, auth, write, read and error recovery.
Technology
| Component | Technology | Version | Source of Detection |
|---|---|---|---|
| UI library | React (react-dom) | ^18.3.1 | package.json |
| Build tool / dev server | Vite + @vitejs/plugin-react | ^5.4.11 / ^4.3.4 | vite.config.js, package.json |
| Routing | react-router-dom | ^7.14.0 | src/App.js |
| Styling | styled-components | ^6.1.13 | src/styles/, components |
| Animation | framer-motion | ^11.11.17 | src/lib/motion.js, App.js |
| HTTP client | axios | ^1.14.0 | src/lib/github.js, Contact.js |
| Scroll reveal | react-intersection-observer | ^9.13.1 | package.json, useScrollReveal.js |
| Typing effect | typewriter-effect | ^2.21.0 | package.json |
| Analytics | @vercel/analytics | ^2.0.1 | src/index.js, App.js |
| Deployment target | Vercel (framework: vite) | — | vercel.json |
| External data | GitHub REST API | — | src/lib/github.js |
| External messaging | Telegram Bot API | — | hooks/bot.js, Contact.js |
| Geolocation | ipify API | — | hooks/bot.js |