How srushti1722/srushtiportfolio works
SrushtiPortfolio is a personal portfolio site presenting biography, experience, skills, projects, education, and a contact option. A visitor enters through the client app, views the home page’s portfolio sections, and can submit a contact message for email delivery. The sampled server route validates contact input and delegates sending to the mailer; Netlify provides a separate contact-function entry point. The README is minimal and several component implementations were not sampled, so links from the contact UI and unsampled mailer details are limited to documented or source-supported relationships.
Main entry points: home.tsx Home page · mailer.ts Mail delivery · routes.ts Contact route · main.tsx Client entry
Components 18
Portfolio experience
- Home page
client/src/pages/home.tsx - Navigation
client/src/components/navigation.tsx - Hero
client/src/components/hero-section.tsx - About
client/src/components/about-section.tsx - Experience
client/src/components/experience-section.tsx - Skills
client/src/components/skills-section.tsx - Projects
client/src/components/projects-section.tsx - Education
client/src/components/education-section.tsx - Contact form
client/src/components/contact-section.tsx - Footer
client/src/components/footer.tsx
Contact delivery
- Contact route
server/routes.ts - Mail delivery
server/mailer.ts - Netlify contact function
netlify/functions/contact.ts
Application runtime
- Client entry
client/src/main.tsx - App router
client/src/App.tsx - HTTP server
server/index.ts
Other components
- Visitor
- Email service
Connections 16
- Visitor → Client entry: opens site
- Client entry → App router: renders
- App router → Home page: routes to
- Home page → Navigation: renders
- Home page → Hero: renders
- Home page → About: renders
- Home page → Experience: renders
- Home page → Skills: renders
- Home page → Projects: renders
- Home page → Education: renders
- Home page → Contact form: renders
- Home page → Footer: renders
- HTTP server → Contact route: registers routes
- Contact route → Mail delivery: sends validated message
- Mail delivery → Email service: delivers email
- Netlify contact function → Mail delivery: sends validated message