Personal portfolio website showcasing my skills, projects, and experience in Full-Stack Development and DevOps
Overview • Features • Tech Stack • Installation • Deployment
This repository contains the source code for my personal portfolio website, built using modern web technologies to present my professional profile.
The portfolio highlights my:
- Technical skill set
- Selected projects
- Education and experience
- Blog posts fetched from dev.to
- Contact details for professional opportunities
The application is production-ready and containerized using Docker.
Live demo - http://13.203.103.133
- ✅ Modern, responsive UI
- ✅ Built with Next.js App Router
- ✅ SEO optimized using Metadata API
- ✅ Image optimization with
next/image - ✅ Blog integration from dev.to
- ✅ Contact form with email support
- ✅ Dockerized production setup
| Technology | Purpose |
|---|---|
| Next.js 16 | Frontend framework |
| React 19 | UI library |
| Tailwind CSS | Styling |
| Node.js | Runtime |
| Docker | Containerized deployment |
- Node.js v18.17+
- Git
- pnpm (recommended)
Verify installation:
node --version
git --version
pnpm --version
Getting Started
Clone the repository:
bash
Copy code
git clone https://github.com/<your-username>/<your-repo>.git
cd <your-repo>
Install dependencies:
bash
Copy code
pnpm install
Run the development server:
bash
Copy code
pnpm dev
Open:
arduino
Copy code
http://localhost:3000
Customization
All editable portfolio content lives in:
bash
Copy code
utils/data/
Static files such as images, favicon, and resume are located in:
cpp
Copy code
public/
Update your personal details in:
js
Copy code
utils/data/personal-data.js
Deployment :rocket:
Docker (Production)
bash
Copy code
docker build -t portfolio -f Dockerfile.prod .
docker run -d -p 3000:3000 portfolio
This setup can be deployed on:
AWS EC2
Any VPS with Docker
Cloud providers supporting containers
License
This project is licensed under the MIT License.
<p align="center"> This repository reflects my focus on building clean, scalable, and production-ready web applications. </p> ```
