Skip to content

saviour2/WebDev

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

23 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Personal Portfolio Website

A responsive portfolio website showcasing my technical skills, academic projects, and professional certifications. Built with vanilla HTML, CSS, and JavaScript with a dual-theme design system for internship submission.

Project Overview

This portfolio website presents my academic and professional background in a modern, interactive format. It features a dual-theme system with Cloud/DevOps (light mode) and Cybersecurity (dark mode) aesthetics to reflect my technical specializations.

Website Sections

Hero Section

Dynamic introduction with theme toggle and animated background effects.

About Section (INTEL)

Professional summary highlighting my academic background as a B.Tech IT student, Google Student Ambassador role, and technical specializations in Cloud DevOps and Cybersecurity.

Projects Section (OPERATIONS)

Interactive project showcase with three filterable categories:

  • Completed: Finished projects with live demos and GitHub links
  • In Progress: Currently developing projects with progress updates
  • Planned: Upcoming projects with detailed descriptions and tech stacks

Certifications Section

Comprehensive display of 22+ professional certificates organized by categories:

  • Frontend Development
  • Backend Development
  • Cloud/DevOps
  • AI/ML
  • Cybersecurity
  • Professional Skills

Contact Section

Professional contact information and social media links for networking.

Technical Implementation

  • Frontend: HTML5, CSS3, JavaScript ES6+
  • Styling: Tailwind CSS framework with custom animations
  • Icons: Font Awesome 6.4.0
  • Security: XSS protection and input sanitization
  • Features: Theme persistence, smooth scrolling, responsive design

Project Structure

portfolio2/
├── index.html              # Main HTML structure
├── assets/
│   ├── css/
│   │   └── style.css      # Custom styles and animations
│   ├── js/
│   │   └── script.js      # Interactive functionality
│   ├── images/            # Project and UI images
│   └── Files/             # Documents (CV, etc.)
├── .gitignore            # Git exclusion rules
└── README.md             # Project documentation

Key Features

  • Responsive design optimized for all devices
  • Dual-theme system with smooth transitions
  • Interactive project filtering and categorization
  • Secure resume viewer with zoom functionality
  • Comprehensive security measures and XSS protection
  • Smooth animations and modern UI/UX design

Created by Saikat Das for Internship Portfolio Submission

  • Lighthouse Score: 95+ (Performance, Accessibility, Best Practices, SEO)
  • Load Time: < 2 seconds on standard broadband
  • Mobile Friendly: Fully responsive design
  • SEO Optimized: Semantic HTML structure with proper meta tags

Built with using modern web technologies

About

Personal Portfolio V1

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published