How adarshpatil-07/adarshpatil-dev works
This is a server-rendered personal portfolio and project archive. Visitors enter through the home route to browse profile, skills, project, open-source, article, timeline, and contact sections; a separate projects route filters the full project list. Content is centralized in typed portfolio data, while components render it. Contact submission and GitHub contribution history use external services, and the site also provides theme switching and visitor-count display. The route composition and sampled integrations are visible; some component internals are represented only by the source index.
Main entry points: index.tsx Home route · portfolio.ts Portfolio data · projects.tsx Projects route · Contact.tsx Contact section
Components 20
Routing and shell
- Root shell
src/routes/__root.tsx - Home route
src/routes/index.tsx - Projects route
src/routes/projects.tsx
Portfolio content
- Portfolio data
src/data/portfolio.ts - Hero and profile
src/components/portfolio/Hero.tsx - About and skills
src/components/portfolio/Skills.tsx - Contribution calendar
src/components/portfolio/GitHubCalendar.tsx - Project showcase
src/components/portfolio/Projects.tsx - Open-source work
src/components/portfolio/OpenSource.tsx - Articles
src/components/portfolio/Articles.tsx - Experience timeline
src/components/portfolio/Timeline.tsx - Filtered project cards
src/components/portfolio/CompactProjectCard.tsx
Visitor interactions
- Contact section
src/components/portfolio/Contact.tsx - Navigation header
src/components/portfolio/Header.tsx - Theme toggle
src/components/portfolio/ThemeToggle.tsx - Visitor count
src/components/portfolio/VisitorCount.tsx
External integrations
- GitHub contributions API
- Web3Forms
- Visitor count service
Other components
- Site visitor
Connections 27
- Site visitor → Root shell: opens site
README.md - Root shell → Home route: routes home
src/routeTree.gen.ts - Root shell → Projects route: routes archive
src/routeTree.gen.ts - Home route → Navigation header: renders
src/routes/index.tsx - Home route → Hero and profile: renders
src/routes/index.tsx - Home route → About and skills: renders
src/routes/index.tsx - Home route → Contribution calendar: renders
src/routes/index.tsx - Home route → Project showcase: renders
src/routes/index.tsx - Home route → Open-source work: renders
src/routes/index.tsx - Home route → Articles: renders
src/routes/index.tsx - Home route → Experience timeline: renders
src/routes/index.tsx - Home route → Contact section: renders
src/routes/index.tsx - Hero and profile → Portfolio data: reads profile
src/components/portfolio/Hero.tsx - About and skills → Portfolio data: reads content
src/components/portfolio/Skills.tsx - Project showcase → Portfolio data: reads projects
src/components/portfolio/Projects.tsx - Open-source work → Portfolio data: reads contributions
src/components/portfolio/OpenSource.tsx - Articles → Portfolio data: reads articles
src/components/portfolio/Articles.tsx - Experience timeline → Portfolio data: reads timeline
src/components/portfolio/Timeline.tsx - Contact section → Portfolio data: reads contact data
src/components/portfolio/Contact.tsx - Contact section → Web3Forms: submits form
src/components/portfolio/Contact.tsx - Contribution calendar → GitHub contributions API: fetches contributions
src/components/portfolio/GitHubCalendar.tsx - Contact section → Visitor count: renders counter
src/components/portfolio/Contact.tsx - Visitor count → Visitor count service: gets count
- Navigation header → Theme toggle: renders toggle
src/components/portfolio/Header.tsx - Projects route → Portfolio data: filters projects
src/routes/projects.tsx - Projects route → Filtered project cards: renders cards
src/routes/projects.tsx - Projects route → Navigation header: renders
src/routes/projects.tsx