My Portfolio
import React, { useState, useEffect } from 'react'; import { GithubIcon, LinkedinIcon, MailIcon, CodeIcon, BriefcaseIcon } from 'lucide-react'; import './App.css' import SkillsSection from './Components/skills/skill.component';
function TimelineItem({ year, company, description, isLeft }) {
return (
<div className={flex ${isLeft ? 'flex-row-reverse' : 'flex-row'} w-full items-center justify-between
}>
<div className={w-5/12 ${isLeft ? 'text-right' : 'text-left'}
}>
w-5/12 bg-gray-800 p-4 rounded-lg shadow-lg border border-green-500/30 hover:border-green-500/50 transition-all duration-300
}>
{description}
); }function Timeline() { return (
function App() { const [text, setText] = useState(''); const fullText = "Sourav - Full Stack Developer";
useEffect(() => { const timeout = setTimeout(() => { setText(fullText.slice(0, text.length + 1)); }, 100); return () => clearTimeout(timeout); }, [text]);
return (
export default App;