A modern, responsive personal portfolio website built with React.js and Vite, featuring a clean design, smooth animations, and comprehensive sections to showcase skills, projects, and experience.

• Hero section with personal introduction
• Professional profile picture
• Quick access to social links (GitHub, LinkedIn)
• Call-to-action buttons for contact

• Detailed personal description
• Professional background information
• Skills showcase
• Educational background (B.Tech Computer Science)

• Professional experience timeline
• Company details and roles
• Project descriptions and achievements
• Interactive experience cards

• Featured projects with descriptions
• Live demo and GitHub links
• Technology stack used
• Project screenshots and details

• Contact form with Web3Forms integration
• Direct email contact
• Social media links
• Resume download functionality

• Responsive design for all devices
• Smooth navigation with React Router
• Modern UI with Tailwind CSS
• Context API for state management
• Professional animations and transitions

• React.js 19.1.0 - Modern UI library
• Vite - Fast build tool and dev server
• Tailwind CSS - Utility-first CSS framework
• React Router DOM - Client-side routing
• Lucide React - Beautiful icons
• Radix UI - Accessible UI components

• Tailwind CSS - Responsive design
• Class Variance Authority - Component variants
• Tailwind Merge - Class merging utilities
• Custom CSS - Additional styling

• ESLint - Code linting
• Vite - Build tool and HMR
• JSConfig - JavaScript configuration

• Node.js (v16 or later)
• npm or yarn package manager

1. Clone the Repository

   git clone <repository-url>
   cd Portfolio

2. Install Dependencies

   npm install

3. Start Development Server

   npm run dev

4. Build for Production

   npm run build

5. Preview Production Build

   npm run preview

src/
├── components/          # Reusable UI components
│   ├── NavBar.jsx      # Navigation component
│   ├── ProjectCard.jsx # Project display cards
│   ├── Card.jsx        # Generic card component
│   └── ui/             # UI component library
├── pages/              # Main page components
│   ├── Home.jsx        # Home page
│   ├── About.jsx       # About section
│   ├── Work.jsx        # Work experience
│   ├── Contact.jsx     # Contact form
│   └── Experience.jsx  # Experience details
├── context/            # React Context
│   └── Context.jsx     # Global state management
├── assets/             # Static assets
├── lib/                # Utility libraries
└── main.jsx           # Application entry point

• Centralized data management with React Context
• Easy to update personal information
• Dynamic content rendering

• Mobile-first approach
• Tablet and desktop optimized
• Smooth responsive breakpoints

• Clean and professional design
• Smooth animations and transitions
• Accessible color scheme
• Professional typography

• Web3Forms integration for contact form
• Direct email links
• Social media integration
• Resume download functionality

The portfolio is ready for deployment on various platforms:

• Vercel - Recommended for React apps
• Netlify - Easy deployment with Git integration
• GitHub Pages - Free hosting for static sites

npm run build
vercel --prod

Update your personal information in src/context/Context.jsx:

• Name, email, social links
• Skills and experience
• Project details
• Profile pictures

• Modify Tailwind classes in components
• Update color scheme in src/index.css
• Customize animations and transitions

Aditya Mallick

• 🎓 B.Tech Computer Science Student at C.V. Raman Global University
• 💻 Full Stack Developer
• 🔗 LinkedIn
• 🐙 GitHub
• 📧 [email protected]

Built with ❤️ using React.js and Vite