IEEE-VIT Official Website

Alumni Board Section - Image Management Guide

Adding/Updating Board Member Images

1. Image Requirements

• Location: /images/alumni-board/
• Format: JPG
• Naming Convention: FirstName.jpg (case-sensitive)
• Examples: Naruto.jpg, Sasuke.jpg, Itachi.jpg

2. Update JSON Data

1. Open /alumni_board/board.json
2. Locate the relevant academic year section
3. Update the img field to match your image filename (without .jpg)

Example JSON structure:

{
  "2023-24": {
    "board": [
      {
        "name": "Naruto Uzumaki",
        "pos": "Technical Head",
        "img": "Naruto"
      },
      {
        "name": "Sasuke Uchiha",
        "pos": "Chairperson",
        "img": "Sasuke"
      },
      {
        "name": "Sakura Haruno",
        "pos": "Secretary",
        "img": "Sakura"
      },
      {
        "name": "Kakashi Hatake",
        "pos": "Treasurer",
        "img": "Kakashi"
      }
    ]
  },
  "2022-23": {
    "board": [
      {
        "name": "Itachi Uchiha",
        "pos": "Technical Head",
        "img": "Itachi"
      },
      {
        "name": "Minato Namikaze",
        "pos": "Chairperson",
        "img": "Minato"
      },
      {
        "name": "Hinata Hyuga",
        "pos": "Secretary",
        "img": "Hinata"
      },
      {
        "name": "Obito Uchiha",
        "pos": "Treasurer",
        "img": "Obito"
      }
    ]
  }
}

Important Notes

• Image filenames are case-sensitive.
• Ensure the img value in board.json exactly matches the image filename.
• The system will automatically use the new images once both:
  1. The image file is added to the correct directory.
  2. The JSON file is updated with the correct filename.

---

© IEEE-VIT Student Branch