🚀 VaultOfCodes - Web Development

👨‍💻 About

Name: Pranjal Singh
Role: Web Development
Tech Stack: HTML5, CSS3, JavaScript (ES6+), React, Node.js
Focus: Building interactive, responsive, and modern user interfaces.

---

📂 Assignments Overview

This repository contains the 4 major assignments completed during the VaultOfCodes internship program. Each project demonstrates a progression in UI/UX design and JavaScript logic.

1️⃣ Assignment 1: Personal Portfolio

A modern, dark-themed portfolio website featuring a Glassmorphism aesthetic.

• Key Features: Glowing gradients, typing animation, semantic HTML structure, and responsive flexbox layout.
• Tech: HTML5, Modern CSS, Vanilla JS.

2️⃣ Assignment 2: Interactive Resume Builder

A powerful SaaS-style Web Application that splits the screen into an editor and a live preview.

• Key Features:
  • Real-time DOM manipulation (updates as you type).
  • Dynamic form handling (Add multiple Experience/Education rows).
  • PDF Download functionality using html2pdf.js.
  • "Achievements" section for hackathon wins.
• Tech: JavaScript (DOM), CSS Grid/Flexbox.

3️⃣ Assignment 3: Internship Portal UI

A recreation of the Vaultof Codes internship listing page, upgraded with a Premium Card Grid design.

• Key Features: Hover lift effects, gradient borders, and clean typography.
• Tech: CSS Grid, FontAwesome Icons.

4️⃣ Assignment 4: Editkaro.in Agency Site

A "Mini Project" designed for a real-world video editing agency client.

• Key Features:
  • Netflix-Dark Theme: Cinematic visuals with neon accents.
  • Category Filtering: JavaScript logic to filter videos (Gaming, Ads, Shorts).
  • Lightbox Player: Custom modal pop-up for video previews.
• Tech: Advanced CSS Animations, JavaScript Event Listeners.

---

🛠️ Technologies Used

• HTML5: Semantic structure.
• CSS3: Flexbox, Grid, Animations, Glassmorphism.
• JavaScript: DOM Manipulation, Logic, Event Handling.
• Tools: VS Code, Git, GitHub.

---

🚀 How to Run Locally

1. Clone the repository:

   git clone https://github.com/prancodes/Vault-Web-Development.git

2. Navigate to the project folder:

   cd Vault-Web-Development

3. Open any assignment folder (e.g., Assignment1) and double-click index.html to view it in your browser.

---

📬 Contact

• GitHub: prancodes
• Email: prancoder@gmail.com

---

Designed and developed by Pranjal Singh for VaultOfCodes 🚀