Responsive Personal Portfolio Website

Table of Contents

• Project Overview
• Features
• Technologies Used
• Live Demo
• Getting Started
  • Prerequisites
  • Installation
• Usage
• License
• Acknowledgements

---

Project Overview

This is a responsive personal portfolio website designed to showcase my skills, projects, and interests. It demonstrates proficiency in web development fundamentals, including HTML, CSS, and JavaScript, while adhering to best practices in design, responsiveness, and interactivity.

---

Features

• Responsive Design: Fully functional across devices (mobile, tablet, desktop).
• Multi-Page Structure:
  • Home: Brief introduction and welcome message.
  • About: Overview of skills, interests, and experience.
  • Portfolio: Showcase of projects with descriptions and images.
  • Contact: Contact form with real-time validation.
• Interactive Elements:
  • Smooth scrolling for navigation.
  • Toggleable dark/light mode for improved usability.
  • Lightbox gallery for portfolio images.
  • Form validation for Contact page inputs.
• Accessibility:
  • Keyboard navigation and ARIA roles for screen reader support.

---

Technologies Used

• HTML5: Semantic structuring of content.
• CSS3: External stylesheets, responsive media queries, hover effects, and transitions.
• JavaScript: Dynamic and interactive functionalities.
• Git/GitHub: Version control and project hosting.

---

Live Demo

You can view the live project here: Live Demo on GitHub Pages

---

Getting Started

Prerequisites

• A modern web browser (Chrome, Firefox, Edge, etc.).
• Git installed locally for cloning the repository.

Installation

Usage

1. Explore the website to view personal details, skills, and projects.
2. Use the contact form to send inquiries (form validation in place).

License

This project is licensed under DIV

Acknowledgements

Inspired by the Developers in Vogue Tech Accelerator Program.