🎓 Student Profile App

A simple HTML + CSS + JavaScript project that demonstrates how to work with nested JavaScript objects in a clean, visual, and interactive way.

This example is useful for:

• Practicing object & array access
• Understanding nested data structures
• Creating mini-profile UIs for real projects

---

📂 Project Structure

student-profile/
│── index.html      # Main HTML file
│── styles.css      # Styling
│── data.js         # Student data (object)
│── app.js          # Logic & rendering
│── README.md       # Project documentation

---

🚀 Features

• Displays student information (name, age, address, marital status)
• Lists friends as pill-style tags
• Shows favorite movies with actor & actress
• Displays best friend info with nested details
• Interactive buttons to:
  • Get best friend’s hobby
  • Find actress of 2nd movie
  • Show full first movie info
  • Count number of friends
  • Print a summary profile in JSON format

---

🖼️ Preview

Example layout:
(screenshot placeholder — you can add a screenshot later)

---

⚡ Getting Started

Clone the repository:

git clone https://github.com/joinvnexus/student-profile.git
cd student-profile

Open index.html in your browser (no build tools required).

That’s it ✅

---

📖 Usage

• Open in browser → you’ll see the student profile
• Use the buttons on the right to explore nested object data
• All output appears in the Output panel

---

🛠️ Extending

You can:

• Add more properties to the student object in data.js
• Replace movies/friends with your own
• Support multiple students by converting student → students[] array

---

📜 License

This project is licensed under the MIT License — free to use, modify, and share.