Skip to content
VigneshgbePublic

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

1 star

Watchers

0 watching

Forks

Latest commit

 

History

118 Commits

Folders and files

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

1 star

Watchers

0 watching

Forks

Releases

Packages

Contributors

Languages