A responsive and dynamic personal portfolio website built using HTML, CSS, and JavaScript with a modern Glassmorphism UI design. This portfolio dynamically loads all content from a JSON file, making it scalable and easy to maintain.
- Modern Glassmorphism UI
- Fully Responsive Design
- Dynamic Data Rendering using JavaScript
- JSON-Based Content Management
- Dynamic Projects Section
- Dynamic Skills Section
- Contact Form with
mailto:Integration - Resume Download Button
- Smooth Navigation
- Mobile-Friendly Layout
- HTML5
- CSS3
- JavaScript (Vanilla JS)
- DOM Manipulation
- Dynamic Rendering
- Responsive Design
- Fetch API
- Event Handling
- Glassmorphism UI Design
Portfolio/
│
├── index.html
├── style.css
├── script.js
├── data.json
│
├── assets/
│ ├── images/
│ ├── svgs/
│
└── README.md
- Introduction
- Role
- Short Tagline
- Resume Download
- Short Bio
- Focus Areas
- Professional Overview
- Frontend Skills
- Backend Skills
- Tools & Software
- Project Cards
- Tech Stack
- Source Code Link
- Live Demo Link
- Degree Information
- University Details
- Academic Status
- Contact Information
- Social Links
- Contact Form
All portfolio content is stored inside data.json.
JavaScript dynamically loads:
- Personal Information
- Skills
- Projects
- Education
- Contact Details
This approach keeps the project:
- scalable
- organized
- easy to update
The website is optimized for:
- Desktop
- Tablet
- Mobile Devices
Media queries are used for adaptive layouts and responsiveness.
Click on this link to View my portfolio: https://oswal-suraj-39.github.io/Portfolio/
- Dark/Light Theme Toggle
- Project Filtering
- Animations & Transitions
- Backend Contact Form Integration
- Accessibility Improvements
- React Version
Oswal Suraj
- GitHub: https://github.com/oswal-suraj-39
- LinkedIn: https://www.linkedin.com/in/oswal-suraj-25b458279/
This project is created for personal portfolio and learning purposes.