How rashmika-thehan/my-portfolio works
This is a React portfolio site. A visitor opens the single-page app, lands on the home route, and explores profile, certificates, projects, and skills before optionally contacting the owner or following external links. The contact form sends submissions through EmailJS; the CV is provided as a downloadable PDF. Some component implementations were not sampled, so the map shows documented composition and capabilities without inferring their internal behavior.
Main entry points: Home.jsx Home Page · Contact.jsx Contact Section · main.jsx React Entry · App.jsx Route Selection
Components 16
Application
- React Entry
src/main.jsx - Route Selection
src/App.jsx - Home Page
src/pages/Home.jsx - Not Found
src/pages/NotFound.jsx - Global Styles
src/index.css
Portfolio Sections
- Profile Hero
src/components/HeroSection.jsx - Fuzzy Text
src/components/FuzzyText.jsx - Certificates
src/components/CertificatesCarousal.jsx - Project Gallery
src/components/ProjectsGrid.jsx - Technology Stack
src/components/TechStack.jsx
Contact and Links
- Contact Section
src/components/Contact.jsx - Downloadable CV
public/Rashmika_Thehan_CV_FS.pdf
Other components
- Visitor
- Browser
- EmailJS Service
- Social Profiles
Connections 15
- Visitor → Browser: opens
- Browser → React Entry: loads app
- React Entry → Global Styles: imports styles
- React Entry → Route Selection: renders
- Route Selection → Home Page: selects home
- Route Selection → Not Found: selects fallback
- Home Page → Profile Hero: renders
- Home Page → Certificates: renders
- Home Page → Project Gallery: renders
- Home Page → Technology Stack: renders
- Home Page → Contact Section: renders
- Profile Hero → Fuzzy Text: renders name
- Contact Section → EmailJS Service: sends message
- Contact Section → Downloadable CV: links download
- Contact Section → Social Profiles: links profiles