sanajitjana/react-portfolio

How sanajitjana/react-portfolio works

This repository is a React personal-portfolio site. A visitor enters the SPA, whose application component renders shared navigation and footer around route-selected pages; route changes are handled by the scroll helper. The landing page presents the portfolio’s projects, skills, experience, services, and contact capability, while separate routes provide React-hooks, UI/UX, and Laravel-form tutorial content. The README documents the portfolio capabilities; sampled code confirms the route structure and shared shell. The contact implementation is within the landing page, but its details were not sampled.

Main entry points: App.js App routes · index.js React entry · Home.js Portfolio landing · ReactHooks.js Hooks article

Components 11

Application shell

React entry src/index.js
App routes src/App.js
Speed Insights src/App.js

Portfolio content

Portfolio landing src/Pages/Home.js

Tutorial pages

Hooks article src/Pages/ReactHooks.js
UI/UX article src/Pages/UiUx.js
Laravel form article src/Pages/FormExample.js

Shared interface

Navigation src/component/Header.js
Footer links src/component/Footer.js
Scroll reset src/component/ScrollToTop.js

Other components

Visitor

Connections 10

Visitor → React entry: opens site README.md
React entry → App routes: mounts src/index.js
App routes → Navigation: renders src/App.js
App routes → Footer links: renders src/App.js
App routes → Scroll reset: wraps routes src/App.js
App routes → Portfolio landing: routes to src/App.js
App routes → Hooks article: routes to src/App.js
App routes → UI/UX article: routes to src/App.js
App routes → Laravel form article: routes to src/App.js
App routes → Speed Insights: renders src/App.js

Drawn by GitDiagram on November 11, 2026 from the repository's file tree, README and source files. Read as Markdown ·