Mayank Verma — Portfolio Website

A responsive personal portfolio showcasing my work in AI/ML, data engineering, backend development, and cloud infrastructure.

Live Demo

Deployed GitHub Pages URL here:

https://mayankverma210405.github.io/PORTFOLIO/

Overview

This portfolio presents:

• Featured engineering and AI projects
• Professional experience and measurable outcomes
• Technical skills across programming, data, backend, and cloud tools
• Education and certifications
• Direct links to GitHub, LinkedIn, email, and other contact information

Built With

• HTML5
• CSS3
• Vanilla JavaScript
• Google Fonts
• GitHub Pages

No frontend framework, package manager, build process, or backend server is required.

Project Structure

portfolio/
├── index.html     # Page structure and portfolio content
├── styles.css     # Responsive design, layouts, and animations
├── script.js      # Navigation, scroll effects, reveal animations, and dynamic year
└── README.md      # Project documentation

Features

• Responsive desktop, tablet, and mobile layouts
• Accessible semantic HTML and keyboard-visible focus states
• Mobile navigation menu
• Smooth scrolling and reveal animations
• Reduced-motion support for accessibility
• Dynamically updated copyright year
• Direct project, LinkedIn, GitHub, email, and phone links
• Lightweight static architecture with no runtime dependencies

Run Locally

Clone the repository:

git clone https://github.com/Mayankverma210405/<repository-name>.git
cd <repository-name>

Start a local static server:

python -m http.server 8000

Open the following address in a browser:

http://localhost:8000

You can also open index.html directly, although using a local server more closely matches production hosting.

Deploy with GitHub Pages

1. Push index.html, styles.css, script.js, and README.md to the repository's main branch.
2. Open the repository on GitHub.
3. Go to Settings → Pages.
4. Under Build and deployment, select Deploy from a branch.
5. Select the main branch and the / (root) folder.
6. Save the configuration.
7. Open the published URL displayed by GitHub after deployment completes.

Because all asset references are relative, the website works as either a user site or a project site on GitHub Pages.

Customization

Update the following information in index.html:

• Name and professional headline
• Project descriptions and repository links
• Experience and education details
• Skills and certifications
• Email address, phone number, LinkedIn, and GitHub links

Update colors, typography, spacing, and responsive behavior through the CSS variables and media queries in styles.css.

Security and Privacy

This is a static website and does not process passwords, payments, authentication details, or private user data.

Before publishing:

• Never commit API keys, access tokens, passwords, private keys, or .env files.
• Remember that email addresses and phone numbers placed in the HTML are publicly visible and may be collected by automated bots.
• Keep performance claims linked to reproducible benchmark evidence.
• Review every external link before deployment.

Accessibility

The website includes semantic sections, accessible navigation labels, a skip link, visible keyboard focus indicators, and reduced-motion support. Accessibility can be evaluated further using Lighthouse or axe DevTools after deployment.

Future Improvements

• Add individual live-demo and source-code links for each project
• Add Open Graph and social-sharing metadata
• Add a favicon and preview image
• Add a downloadable resume
• Add a benchmark or case-study page for measured project results
• Self-host fonts for stronger privacy and offline reliability

Contact

Mayank Verma

• GitHub: Mayankverma210405
• LinkedIn: mayankverma2128
• Email: mayankverma210405@gmail.com

License

Unless a separate LICENSE file is added, this project is provided with all rights reserved. Do not reuse personal content, project descriptions, branding, or identity information without permission.