How samiul821/my-portfolio-project works
This is a React personal portfolio for visitors to explore the developer’s profile, skills, projects, and contact options. The documented visitor journey is routed through a shared site shell to the portfolio, with section navigation and project browsing; contact submissions and the portfolio assistant provide separate interactive paths. The router, shell, project carousel, contact submission, and chatbot wiring are visible in sampled source. Home-section composition and some listed capabilities are documented or indicated by the tree but their source was not sampled, so those links are not asserted.
Main entry points: router.jsx Route setup · Rootlayout.jsx Shared layout · main.jsx React entry · MyProjects.jsx Project carousel
Components 21
Site shell
- React entry
src/main.jsx - Route setup
src/router/router.jsx - Shared layout
src/Layout/Rootlayout.jsx - Section navigation
src/Pages/Navbar/Navbar.jsx - Footer links
src/Pages/Footer/Footer.jsx - Error view
src/Pages/Shared/ErrorPage.jsx - Loading view
src/Pages/Shared/LoadingPage.jsx
Portfolio content
- Portfolio home
src/Pages/Home/Home/Home.jsx - Intro section
src/Pages/Home/Hero/Hero.jsx - About section
src/Pages/Home/AboutMe/AboutMe.jsx - Skills section
src/Pages/Home/Skills/Skills.jsx - Project carousel
src/Pages/Home/MyProjects/MyProjects.jsx - Project details
src/Pages/Home/MyProjects/ProjectsModal.jsx
Visitor interactions
- Custom cursor
src/Pages/Shared/CustomCursor.jsx - Contact form
src/Pages/Home/Contact/Contact.jsx - Portfolio assistant
src/components/Chatbot.jsx
Portfolio data
- Skills data
public/skills.json - Project catalog
public/Projects.json
Other components
- Portfolio visitor
- EmailJS service
- Assistant API
Connections 19
- Portfolio visitor → React entry: opens site
- React entry → Route setup: mounts router
- React entry → Custom cursor: renders
- Route setup → Shared layout: routes to
- Route setup → Portfolio home: routes to
- Route setup → Skills data: fetches skills
- Route setup → Loading view: shows fallback
- Route setup → Error view: shows on error
- Shared layout → Section navigation: renders
- Shared layout → Portfolio home: renders outlet
- Shared layout → Footer links: renders
- Shared layout → Portfolio assistant: opens assistant
- Project carousel → Project catalog: reads catalog
- Project carousel → Project details: opens details
- Contact form → EmailJS service: sends message
- Portfolio assistant → Assistant API: posts conversation
- Portfolio visitor → Section navigation: navigates sections
- Portfolio visitor → Contact form: submits inquiry
- Portfolio visitor → Project carousel: browses projects