Biprangshu Das - Portfolio

Welcome to the official repository for my personal portfolio website! This project showcases my skills, projects, and journey as an Android Developer & Frontend Enthusiast. Built with modern web technologies, it's designed to be sleek, responsive, and provide a seamless user experience.

🚀 Live Demo: biprangshudas.vercel.app

---

✨ Features

• Modern & Responsive Design: Crafted with Tailwind CSS for a beautiful UI that adapts to all screen sizes – from mobile to desktop.
• Interactive UI/UX: Smooth animations, hover effects, and a dynamic feel to engage visitors.
  • Levitating name animation on the hero section.
  • Interactive project, experience, and skill cards.
  • Smooth scrolling and active navigation highlighting.
• Dark & Light Mode: User-selectable themes with system preference detection, ensuring comfortable viewing in any lighting condition. Theme preference is saved locally.
• Comprehensive Sections:
  • Hero: A striking introduction with a profile image/initials and quick links.
  • About Me: A personal summary of my skills, passion, and interests.
  • Experience: Detailed work experience and contributions.
  • Projects: Showcase of key projects with descriptions, technologies used, and links.
  • Skills: A categorized list of my technical skills (Languages, Frameworks, Tools).
  • Education: My academic background presented in an alternating timeline.
  • Contact: Easy ways to get in touch, including a (simulated) contact form and social media links.
• Optimized for Performance: Built with Next.js for fast load times and an excellent user experience.
• Developer-Friendly: Clean code structure and clear component separation.

---

🛠️ Tech Stack

This portfolio is built using the following technologies:

• Frontend:
  • Next.js (React Framework for Production)
  • React (JavaScript library for building user interfaces)
  • Tailwind CSS (Utility-first CSS framework)
• Icons:
  • Lucide React (Simply beautiful open-source icons)
• Deployment:
  • Vercel (Platform for frontend frameworks and static sites)
• Development Tools:
  • Git & GitHub
  • VS Code
  • ESLint (for code linting)

---

🚀 Getting Started

To get a local copy up and running, follow these simple steps.

Prerequisites

• Node.js (v18.x or later recommended)
• npm, yarn, or pnpm

Installation & Setup

1. Clone the repository:

   git clone https://github.com/your-github-username/your-portfolio-repo.git
   cd your-portfolio-repo

2. Install dependencies:

   npm install
   # or
   yarn install
   # or
   pnpm install

3. Run the development server:

   npm run dev
   # or
   yarn dev
   # or
   pnpm dev

   Open http://localhost:3000 with your browser to see the result.

4. Customize Content:

   • Open src/app/page.js.
   • Modify the resumeData object with your personal information, project details, experience, skills, etc.
   • Replace placeholder image URLs (like resumeData.imageUrl) with your actual assets.
   • Update links (GitHub, LinkedIn, project URLs).

Build for Production

To create an optimized production build:

npm run build