User Interface(UI) - Fahim1505/CSE327-Alumni-Student GitHub Wiki

User Interface (UI) for each feature

Register / Login

  • Register form: Full name, Email, Password, Confirm password, Role (Alumni/Student), Graduation year (if- Alumni), Department, Submit button.

  • Login form: Email/Username, Password, Remember me, Forgot password link.

Profile Management

  • Profile view: Photo, Name, Batch, Department, Current workplace, Contact, Social links, Edit button.

  • Edit form: fields prefilled, upload photo, save changes.

Announcement Module

  • Create announcement: Title, Body , Attachments, Publish button.

  • View announcements: list with pagination, announcement detail view.

Event Management

  • Event create/edit form: title, description, date/time pickers, location, attachments, publish.

  • Event listing and detail pages with RSVP/Register button.

Job Posting and Viewing

  • Job post form: company, role, description, apply link/contact.

  • Job listings: card view with apply action.

Achievement Sharing

  • Achievement card list: image thumbnail, title, short description.

  • Create achievement: title, description, image upload.

Donation Management

  • Donation card listing with total contributions.

  • Donation form: select amount, method (placeholder), note, submit.

Data Viewing and Search

  • Search bar and filters (name, department, batch, location), results list with pagination.

Photo Gallery Management

  • Gallery grid with image lightbox, upload button (authenticated), and delete option for owner/admin.

Contact

  • Contact form: name, email, subject, message, submit; admin email notification

Register & Login

alt

alt

Profile Management

alt

Announcement Module

alt

Event Management

alt

Job Posting and Viewing

alt

Achievement Sharing

alt

Donation Management

alt

Data Viewing and Search

alt

Photo Gallery Management

alt

Contact

alt