Skip to main content

Build Your Personal Portfolio

A modern, interactive portfolio website built with HTML5, CSS3, JavaScript, and Tailwind CSS

Key Features

This portfolio website includes everything you need to showcase your skills and projects professionally:

Interactive SVG Animation

Animated character that responds to mouse movements

Canvas Drawing

Let visitors draw their greetings on an interactive canvas

Particle Effects

Smooth animated particle background for visual appeal

Skills Visualization

Toggle between circular and bar chart skill displays

Project Showcase

Expandable project cards with live demos and code links

Contact Form

Validated contact form with success animations

Responsive Design

Mobile-friendly navigation with hamburger menu

Smooth Scrolling

Section highlighting and smooth scroll behavior

Quick Start

Get your portfolio running in three simple steps:
1

Clone the Repository

git clone https://github.com/NilverTI/PortafolioNilver.git
cd PortafolioNilver
2

Open in Browser

Open index.html in your browser or use a local development server:
# Using Python
python -m http.server 8000

# Using Node.js
npx serve
3

Customize Your Content

Edit the HTML to add your own information, projects, and social links. See the customization guide for details.

Tech Stack

This portfolio is built with modern web technologies:
  • HTML5 - Semantic markup structure
  • CSS3 - Custom styles and animations
  • JavaScript (Vanilla) - Interactive functionality
  • Tailwind CSS - Utility-first CSS framework (via CDN)
  • Font Awesome - Icon library
No build process or package installation required. Everything runs directly in the browser.

What You’ll Learn

Component Architecture

Understand how each section works together

Styling & Theming

Customize colors, fonts, and visual design

Content Management

Update text, images, and project information

Deployment

Deploy to Netlify, Vercel, or GitHub Pages

Live Examples

View real projects built with this portfolio:

Need Help?

GitHub Issues

Report bugs or request features

Connect on LinkedIn

Professional networking and support

Build docs developers (and LLMs) love