How rajneeshk7788/portfolio_next_tailwind works
This is a single-page personal portfolio: a visitor opens the home page, browses profile and career sections, and can follow project or contact links. The App Router page composes the sections; navigation links target their in-page anchors. README documents animated, responsive presentation, reflected in the sampled client components. About is documented but unsampled, so its role is shown only at its tree-supported path. Firebase initialization is present, but no sampled code connects it to the portfolio workflow.
Main entry points: page.tsx Home Page · Navigation.tsx Navigation · Hero.tsx Introduction · Contact.tsx Contact
Components 16
Page Entry
- Home Page
app/page.tsx - Root Layout
app/layout.tsx - Navigation
components/Navigation.tsx - Global Styles
app/globals.css - Firebase Setup
lib/firebase.ts
Portfolio Content
- Introduction
components/Hero.tsx - About
components/About.tsx - Skills
components/Skills.tsx - Experience
components/Experience.tsx - Projects
components/Projects.tsx - Education
components/Education.tsx
Outreach
- Contact
components/Contact.tsx
Other components
- Visitor
- Social Profiles
- Project Sites
- Firebase Services
Connections 22
- Visitor → Home Page: opens page
- Home Page → Root Layout: rendered within
- Home Page → Navigation: renders
- Home Page → Introduction: renders
- Home Page → About: renders
- Home Page → Skills: renders
- Home Page → Experience: renders
- Home Page → Projects: renders
- Home Page → Education: renders
- Home Page → Contact: renders
- Navigation → Introduction: anchors to
- Navigation → About: anchors to
- Navigation → Skills: anchors to
- Navigation → Experience: anchors to
- Navigation → Projects: anchors to
- Navigation → Education: anchors to
- Navigation → Contact: anchors to
- Introduction → Social Profiles: links to
- Introduction → Contact: links to
- Contact → Social Profiles: links to
- Projects → Project Sites: links to
- Firebase Setup → Firebase Services: initializes clients