How pratikrhalnor/pratik-portfolio works
This repository is a personal portfolio site with a lightweight contact-email endpoint. A visitor loads the React application, which composes the hero, biography, project showcase, experience timeline, and footer; the project carousel presents the selected project portfolio rather than implementing those projects’ underlying systems. The contact handler validates submitted details and sends an email through Resend. README documentation also describes project work and credentials, but their underlying demos are not present as runtime subsystems here. The available excerpts do not establish a frontend call to the contact endpoint, so that connection is not drawn.
Main entry points: App.jsx Page orchestrator · main.jsx React entry · Hero.jsx Hero section · contact.js Contact handler
Components 15
Portfolio application
- React entry
frontend/src/main.jsx - Page orchestrator
frontend/src/App.jsx - Custom cursor
frontend/src/components/CustomCursor/CustomCursor.jsx
Portfolio content
- Hero section
frontend/src/components/Hero/Hero.jsx - Neural backdrop
frontend/src/components/Hero/NeuralNetwork.jsx - About section
frontend/src/components/About/About.jsx - Project overview
frontend/src/components/Projects/Projects.jsx - Project carousel
frontend/src/components/Projects/ProjectCarousel.jsx - Experience heading
frontend/src/components/Experience/Experience_title.jsx - Experience timeline
frontend/src/components/Experience/Experience.jsx - Footer links
frontend/src/components/Footer/Footer.jsx
Contact delivery
- Contact handler
frontend/api/contact.js - Resend email service
Other components
- Portfolio visitor
- Portfolio owner
Connections 14
- Portfolio visitor → React entry: opens site
- React entry → Page orchestrator: renders
- Page orchestrator → Hero section: renders
- Page orchestrator → About section: renders
- Page orchestrator → Project overview: renders
- Page orchestrator → Project carousel: renders
- Page orchestrator → Experience heading: renders
- Page orchestrator → Experience timeline: renders
- Page orchestrator → Footer links: renders
- Page orchestrator → Custom cursor: renders
- Hero section → Neural backdrop: renders
- Portfolio visitor → Contact handler: submits contact
- Contact handler → Resend email service: sends email
- Resend email service → Portfolio owner: delivers email