Skip to content

DebaA17/PORTFOLIO

Folders and files

NameName
Last commit message
Last commit date

Latest commit

Β 

History

198 Commits
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 
Β 

Repository files navigation

PORTFOLIO

Preview

Welcome to the PORTFOLIO project! This is a modern, responsive portfolio built with Next.js and Tailwind CSS, designed to showcase my skills, projects, and contact information in a clean and professional manner.

Features

  • ⚑ Fast and optimized with Next.js
  • 🎨 Beautiful UI powered by Tailwind CSS
  • πŸ“± Fully responsive for all devices
  • 🧩 Modular components for easy customization
  • πŸ“ Contact form integration
  • πŸ“Š Project and skill showcase
  • πŸŒ™ Dark mode support
  • πŸ”’ Security best practices

Getting Started

  1. Install dependencies
    pnpm install
  2. Run the development server
    pnpm dev
  3. Open http://localhost:3000 to view your portfolio.

Docker/Podman Local Usage

You can run this portfolio locally in a container using Docker or Podman.

Run the prebuilt image (Recommended β€’ no build needed)

If you just want to run the latest image from GitHub Container Registry:

docker run --rm -p 3000:3000 ghcr.io/debaa17/portfolio:main

Build the image

# With Docker:
docker build -t portfolio .
# With Podman:
podman build -t portfolio .

Run the container

# With Docker:
docker run -p 3000:3000 portfolio
# With Podman:
podman run -p 3000:3000 portfolio

List images

docker images   # or podman images

Clean up unused containers/images

docker system prune   # or podman system prune

Project Structure

PORTFOLIO/
β”œβ”€β”€ app/                # Next.js app directory
β”œβ”€β”€ components/         # Reusable React components
β”œβ”€β”€ hooks/              # Custom React hooks
β”œβ”€β”€ lib/                # Utility functions
β”œβ”€β”€ public/             # Static assets (preview.png, etc.)
β”œβ”€β”€ next.config.mjs     # Next.js configuration
β”œβ”€β”€ tailwind.config.ts  # Tailwind CSS configuration
└── ...

Customization

  • Update your information in the relevant components (e.g., about.tsx, contact.tsx, projects.tsx).
  • Replace the preview image in /public/preview.png with your own.
  • Modify styles in app/globals.css and tailwind.config.ts as needed.

Contributing

Contributions are welcome! Please open issues or submit pull requests for improvements.

License

This project is licensed under the MIT License. See the LICENSE file for details.

Buy Me A Coffee

Made with ❀️ by DEBASIS

About

Production-ready personal portfolio built with Next.js and deployed on Vercel. Containerized using a multi-stage Docker setup and published to GHCR via GitHub Actions. Includes automated testing and changelog generation.

Topics

Resources

License

Code of conduct

Security policy

Stars

Watchers

Forks

Sponsor this project

Packages

 
 
 

Contributors