Ben's Portfolio

A modern, responsive portfolio website built with Next.js, TypeScript, and Tailwind CSS.

Features

• 🎨 Modern and minimalist design
• 📱 Fully responsive across all devices
• ✨ Smooth animations with Framer Motion
• 🚀 Built with Next.js 14 and TypeScript
• 🎯 SEO optimized
• 🌙 Clean and accessible UI

Technologies Used

• Frontend Framework: Next.js 14
• Language: TypeScript
• Styling: Tailwind CSS
• Animations: Framer Motion
• Icons: Lucide React

Getting Started

1. Clone the repository
2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

4. Open http://localhost:3000 in your browser

Mobile Testing (Local Network Access)

To test your portfolio on mobile devices connected to the same Wi-Fi network:

npm run dev:lan

This will:

• Start the development server accessible from your local network
• Display your local IP addresses and access URLs
• Allow mobile devices to connect and test the portfolio

Example output:

🚀 Portfolio Development Server is running!
📱 You can now access your portfolio from mobile devices:

   🌐 http://192.168.1.100:3000
   🌐 http://10.0.0.5:3000

💻 Local access: http://localhost:3000

📋 Instructions:
   1. Make sure your mobile device is connected to the same Wi-Fi network
   2. Open your mobile browser and visit the URLs shown above
   3. If you have firewall restrictions, you may need to allow incoming connections

Project Structure

src/
├── app/
│   ├── globals.css
│   ├── layout.tsx
│   └── page.tsx
├── components/
│   ├── About.tsx
│   ├── Contact.tsx
│   ├── Experience.tsx
│   ├── Hero.tsx
│   ├── Navigation.tsx
│   ├── Projects.tsx
│   └── Skills.tsx
└── lib/

Customization

To customize the portfolio for your own use:

1. Update personal information in the components
2. Replace project details in Projects.tsx
3. Modify the color scheme in tailwind.config.ts
4. Add your own images to the public folder
5. Update contact information in Contact.tsx

Deployment

The project can be easily deployed to Vercel, Netlify, or any other static hosting platform.

npm run build
npm run start

License

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