Skip to content

nst-sdc/Portfolio-Showcase

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Portfolio-Showcase: NSTxADYPU Students Portfolio

Welcome to the Cyber Showcase project! This web application showcases the portfolios of students from NST and ADYPU universities. It allows users to browse through portfolios, search for students by name, and view their GitHub profiles and portfolios.

Features

  • Search Functionality: Search students by name using the search bar at the top.
  • Portfolio Cards: Each student has a card displaying their name, image, GitHub profile, and portfolio link.
  • Pagination: Navigate between pages of students using the pagination controls (Next/Previous).
  • Interactive Design: Hover effects on cards and buttons, making the UI more engaging.

Technologies Used

  • HTML5: Markup language used for structuring the content.
  • CSS3: Styling language used for layout and design, including gradients, shadows, and responsive styles.
  • JavaScript: Used for dynamic functionality, such as search and pagination controls.

Project Structure

.
├── index.html        # The main HTML file for the webpage
├── styles.css        # The CSS file containing styles for the webpage
├── script.js         # JavaScript file for handling search and pagination
├── img.jpg           # Placeholder image for student portfolios (to be replaced with actual images)
├── students_full.json # A JSON file containing all the student data (name, GitHub, portfolio links, etc.)
└── README.md         # This README file