sourav15102/myportfolio

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'}}>

{year}

{company}

<div className={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 (

Timeline

); }

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 (

>_ Tech Portfolio About Skills Timeline Projects Contact Resume

{text}|

Canada Revenue Agency | Ex-MathWorks

Contact Me View Projects

{/* About section /} {/ Projects section /} {/ Contact section /} {/ Footer */}

); }

export default App;