How muneeshkumarm/muneeshkumar_m_portfolio works
This repository is a personal portfolio website with an interactive contact form. Visitors browse profile, skills, education, internship, project and certification content; someone submitting the contact form triggers a browser request to the contact API, which validates the message and attempts configured notification and logging integrations. The UI is largely implemented in one React file, so several distinct portfolio areas share that source path. The contact API excerpt shows its integration calls; other portfolio details are based on the README and sampled App.jsx excerpt.
Main entry points: contact.js Contact API · main.jsx React Entry · App.jsx Portfolio UI · SkillIcons.jsx Skills Matrix
Components 14
Portfolio Runtime
- React Entry
src/main.jsx - Portfolio UI
src/App.jsx
Portfolio Content
- Profile & About
src/App.jsx - Skills Matrix
src/components/SkillIcons.jsx - Education Timeline
src/App.jsx - Internship Pipeline
src/App.jsx - Project Dashboards
src/App.jsx - Certifications
src/App.jsx
Contact Workflow
- Contact Form
src/App.jsx - Contact API
api/contact.js
External Services
- Resend Email
- Google Sheets
- Telegram Alerts
Other components
- Visitor
Connections 14
- Visitor → React Entry: opens
README.md - React Entry → Portfolio UI: renders
src/main.jsx - Portfolio UI → Skills Matrix: imports skill data
src/App.jsx - Visitor → Profile & About: views
README.md - Visitor → Skills Matrix: browses
README.md - Visitor → Education Timeline: views
README.md - Visitor → Internship Pipeline: views
README.md - Visitor → Project Dashboards: views
README.md - Visitor → Certifications: previews
README.md - Visitor → Contact Form: submits
README.md - Contact Form → Contact API: POSTs message
src/App.jsx - Contact API → Resend Email: sends email
api/contact.js - Contact API → Google Sheets: posts submission
api/contact.js - Contact API → Telegram Alerts: sends alert
api/contact.js