🚀 Developers Portfolio

---

✨ Features

• Modern UI Design: Glassmorphic elements, smooth animations, and micro-interactions
• Responsive Layout: Optimized for all device sizes from mobile to desktop
• Theme Switching: Light, dark, and system theme options
• Project Timeline: Interactive navigation for showcasing your projects
• Keyboard Accessibility: Full keyboard navigation support
• TypeScript: Type-safe code for a better developer experience
• Performance Optimized: Fast loading with Next.js and optimized assets

🚀 Getting Started

Prerequisites

• Node.js 18.x or higher
• npm or yarn package manager

🛠️ Tech Stack

• Framework: Next.js 15 – React framework with server-side rendering
• Language: TypeScript – Type-safe JavaScript
• Styling: Tailwind CSS 4 – Utility-first CSS framework
• Icons: Lucide React – Beautiful & consistent icon set
• Email: Nodemailer – For contact form functionality
• Analytics: Vercel Analytics – Privacy-friendly analytics

📁 Project Structure

/
├── app/                # Next.js app directory
│   ├── globals.css     # Global styles and theme variables
│   ├── layout.tsx      # Root layout component
│   └── page.tsx        # Home page component
├── components/         # Reusable UI components
│   ├── Navbar.tsx      # Navigation with theme switcher
│   └── TimelineNavigation.tsx  # Project timeline navigation
├── context/           # React context providers
│   └── ThemeProvider.tsx  # Theme management logic
├── public/            # Static assets
└── ...

🔧 Customization

Personal Information

• Edit your personal details in page.tsx and other relevant components.

Projects

• Modify the projects array in your portfolio component to showcase your work.

Styling

• Customize colors and theme variables in globals.css.
• Adjust component styles using Tailwind classes.

Images

• Replace images in the public directory with your own.

👏 Acknowledgments

• Next.js: For the amazing React framework
• Tailwind CSS: For the utility-first CSS framework
• Vercel: For hosting and deployment

---