🚀 Arunabha Banerjee – Developer Portfolio

Welcome to my personal developer portfolio! This website showcases my projects, skills, and experience as a Frontend Developer. It is built with modern web technologies to ensure high performance, responsiveness, and a seamless user experience.

🌐 Live Website: arunabha.dev
📂 Repository: github.com/arunabha369/portfolio

---

✨ Features

• 🎨 Modern & Responsive Design: Crafted with Tailwind CSS for a sleek, mobile-first look that adapts to all screen sizes.
• ⚡ High Performance: Powered by Vite for lightning-fast development and optimized production builds.
• 🎬 Smooth Animations: Utilizing Framer Motion for engaging page transitions and element animations.
• 🧭 Dynamic Routing: Implemented with React Router for seamless navigation between pages (e.g., Blog Details).
• � Blog Section: A dynamic blog section to share technical insights and updates.
• 📱 Contact & Socials: Integrated links to LinkedIn, GitHub, and email for easy connectivity.
• 🔍 SEO Optimized: Includes sitemap.xml and robots.txt for better search engine visibility.

---

🛠️ Tech Stack

Core

• React.js: JavaScript library for building user interfaces.
• JavaScript (ES6+): The language of the web.

Styling

• Tailwind CSS: A utility-first CSS framework for rapid UI development.
• React Icons: Popular icon packs included easily.

Libraries & Tools

• Framer Motion: Production-ready motion library for React.
• React Router DOM: Declarative routing for React web applications.
• Vite: Next-generation frontend tooling.
• ESLint: Pluggable JavaScript linter.

---

📁 Project Structure

portfolio/
├── public/              # Static assets (favicon, robots.txt, etc.)
│   ├── favicon.png
│   ├── sitemap.xml
│   └── robots.txt
├── src/
│   ├── assets/          # Images, logos, and other static files
│   ├── components/      # Reusable UI components (Header, Footer, Hero, etc.)
│   ├── data/            # Static data files (e.g., blog posts, projects)
│   ├── pages/           # Page components (e.g., BlogDetail)
│   ├── App.jsx          # Main application component
│   ├── main.jsx         # Entry point of the application
│   └── index.css        # Global styles (Tailwind directives)
├── .gitignore           # Git ignore rules
├── package.json         # Project dependencies and scripts
├── postcss.config.js    # PostCSS configuration
├── tailwind.config.js   # Tailwind CSS configuration
├── vite.config.js       # Vite configuration
└── README.md            # Project documentation

---

🚀 Getting Started

Follow these steps to set up the project locally on your machine.

Prerequisites

Make sure you have Node.js (v18+ recommended) and npm installed.

Installation

1. Clone the repository:

   git clone https://github.com/arunabha369/portfolio.git
   cd portfolio

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

   The application will be available at http://localhost:5173.

---

� Scripts

Script	Description
npm run dev	Starts the development server with HMR (Hot Module Replacement).
npm run build	Builds the application for production to the dist folder.
npm run preview	Locally previews the production build.
npm run lint	Runs ESLint to identify and report code patterns.

---

🌍 Deployment

The project is optimized for deployment on platforms like Vercel, Netlify, or GitHub Pages.

Vercel Deployment:

1. Connect your GitHub repository to Vercel.
2. Vite settings are automatically detected.
3. Deploy! 🚀

---

👤 Author

Arunabha Banerjee

• Portfolio: arunabha.dev
• LinkedIn: linkedin.com/in/arunabha369
• GitHub: github.com/arunabha369
• Email: arunabhabanerjee5@gmail.com

---

📄 License

This project is open-source and available under the MIT License.

© 2025 Arunabha Banerjee. All rights reserved.