Skip to content

A modern, responsive personal portfolio website showcasing my projects, skills, and professional experience as a Full Stack Developer. Built with clean design principles and smooth user experience in mind.

Notifications You must be signed in to change notification settings

Vigneshgbe/Portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

🚀 Personal Portfolio Website

A modern, responsive personal portfolio website showcasing my projects, skills, and professional experience as a Full Stack Developer. Built with clean design principles and smooth user experience in mind.

Portfolio Preview HTML5 CSS3 JavaScript Tailwind CSS

✨ Features

  • 🎨 Modern UI/UX Design - Clean, professional interface with gradient effects and smooth animations
  • 📱 Fully Responsive - Optimized for all devices (mobile, tablet, desktop)
  • 🎯 Interactive Navigation - Smooth scrolling with active section highlighting
  • 💼 Project Showcase - Detailed project cards with tech stack and live demos
  • 🎓 Certifications Section - Display of professional certifications and achievements
  • 📄 Resume Preview - Embedded PDF viewer with download functionality
  • 📧 Contact Form - Easy-to-use contact section with social media integration
  • ⚡ Performance Optimized - Fast loading times and smooth transitions

🛠️ Technologies Used

Frontend

  • HTML5 - Semantic markup structure
  • CSS3 - Custom styling with modern features
  • Tailwind CSS - Utility-first CSS framework
  • JavaScript (Vanilla) - Interactive functionality

Libraries & Tools

  • Font Awesome - Icon library
  • Google Fonts - Typography (Poppins, Inter)
  • Google Drive API - Resume embedding

📂 Folder Structure

Resume-Generator/
│
├── index.html
├── certificates
├── pages
│   ├── resume.html
├── projects
├── assets
├── index.html
├── index-old.html
└── README.md

🚀 Getting Started

Prerequisites

  • A modern web browser (Chrome, Firefox, Safari, Edge)
  • Basic text editor or IDE (VS Code recommended)

Installation

  1. Clone the repository git clone https://github.com/Sweety-Vigneshg/portfolio-website.git

  2. Navigate to project directory cd portfolio-website

  3. Local Development For local development with live reload:

Using VS Code Live Server

  1. Install "Live Server" extension
  2. Right-click on index.html
  3. Select "Open with Live Server"

README Highlights:

Professional structure with badges and icons
Comprehensive feature list showcasing all functionalities
Clear installation instructions for easy setup
Detailed sections overview explaining each part
Technology stack clearly documented
Customization guide for easy modifications
Deployment options for multiple platforms
Color scheme documentation for designers
Browser compatibility information
Contributing guidelines for open source
Professional formatting with emojis and structure

About

A modern, responsive personal portfolio website showcasing my projects, skills, and professional experience as a Full Stack Developer. Built with clean design principles and smooth user experience in mind.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published