Welcome to the personal cybersecurity portfolio of R. Santhoshkumar. This project is a showcase of my skills, experience, certifications, and projects in the fields of cybersecurity, cloud security, digital forensics, and web development.
- Next.js 13+ with App Router
- Tailwind CSS for styling
- Framer Motion for smooth animations
- TypeScript
- Vercel
- GitHub (for source control)
- Hero Section – Intro with animated heading and call-to-action buttons.
- About Me – Overview of my interests and goals in cybersecurity.
- Internship Experience – Detailed descriptions of hands-on internship work.
- Skills – Technologies/tools I use, presented with auto-scrolling and hover pause.
- Projects – Expandable cards for individual projects with detailed write-ups.
- Education – My academic background and relevant courses.
- Contact – Section for connecting and collaboration.
- Fully responsive UI for desktop, tablet, and mobile
- Animated scroll and transitions using Framer Motion
- Dark theme with modern UI design
- Marquee-style auto-scroll on skills
- Expandable/collapsible project descriptions
- Clone the Repository:
git clone https://github.com/R-Santhoshkumar/Personal-Portfolio.git
cd Personal-Portfolio- Install Dependencies:
npm install- Run the Development Server:
npm run devVisit http://localhost:3000 in your browser.
app/
sections/ # Hero, About, Skills, Projects, etc.
page.tsx # Main homepage layout
components/
Navbar.tsx
Footer.tsx
ParticlesBackground.tsx
public/
icons/ # Tool logos
profile.png # Personal image
- Icons & Logos: Flaticon, WorldVectorLogo
- Fonts: Google Fonts (Roboto, Inter, Poppins)
- Libraries: TailwindCSS, Framer Motion
R. Santhoshkumar Cybersecurity Enthusiast | Cloud Security | Developer
Feel free to reach out via the Contact section of the website.
- Add blog support using MDX
- Add light/dark toggle
- Improve accessibility and SEO
- Integrate real-time contact form with email backend
This project is licensed under the MIT License.