Modern Developer Portfolio Site

This is a modern and minimal developer portfolio site built with Next.js, inspired by Adrian Hajdin's work. It allows developers to showcase their expertise, achievements, and work experience in a visually appealing way.

Table of Contents

• Features
• Technologies Used
• Installation
• Running Locally
• Building for Production
• Deployment
• Customization
• Credits
• License

Features

This portfolio site includes the following key features:

• Hero Section: A captivating introduction with a dynamic background and spotlight effect.
• Bento Grid: A modern layout to present personal information using cutting-edge CSS techniques.
• 3D Elements: Interactive 3D design elements, such as a GitHub-style globe and card hover effects, adding depth and engagement.
• Testimonials: A dynamic area with scrolling or animated content for enhanced engagement.
• Work Experience: A prominent display of professional background for emphasis and credibility.
• Canvas Effect: Innovative HTML5 canvas effects in the "approaches" section.
• Responsive Design: Seamlessly adapts to all devices for an optimal user experience.

Note: Adjust this list based on the actual implementation in your project.

Technologies Used

Technology	Purpose
Next.js	Building the user interface and handling routing
Three.js	Rendering 3D elements
Framer Motion	Creating beautiful animations
TailwindCSS	Styling the components

Add or remove technologies as per your project.

Installation

1. Clone the repository:

   git clone https://github.com/shahalam22/dev-portfolio.git

2. Navigate to the project directory:

   cd dev-portfolio

3. Install dependencies:

   npm install

   or

   yarn install

Running Locally

To run the development server:

npm run dev

or

yarn dev

Access the site at http://localhost:3000.

Building for Production

To build the project for production:

npm run build

or

yarn build

Deployment

This project is optimized for deployment on Vercel. To deploy:

1. Visit Vercel.
2. Connect your GitHub account and select this repository.
3. Follow the deployment instructions.

You can also deploy on other platforms that support Next.js. For more details, see Next.js deployment documentation.

Customization

To customize this portfolio for your own use:

1. Edit the content in the relevant files, such as app/page.tsx for the main page.
2. Update your personal information, work experience, testimonials, etc., in the respective components.
3. Modify the 3D elements or other features as needed.
4. Run the development server to see your changes.

Credits

This project was inspired by Adrian Hajdin's modern portfolio tutorial. Check out his work at JavaScript Mastery.