Project Hub

Portfolio-style gallery that lists all projects inside the Project-Hub directory. Built with plain HTML, CSS, and JavaScript.

Project list (current)

• Counter Program
• Guessing-Game
• Login Checker
• Movie Rating
• Quiz App
• Student Dashboard
• Student Marks Tracker
• To-Do List
• Traffic Light
• Weather App

How it works

• index.html renders a grid and loads script.js.
• script.js uses the projects array to inject project cards into the grid. Each card links to the project's index.html.
• style.css handles the gradient theme, responsive grid, and hover animations.

Run locally

1. Open index.html directly in your browser, or serve the folder:
   • Python 3: python3 -m http.server 8000
   • Node (if installed): npx serve .
2. Navigate to http://localhost:8000/Project-Hub/ if serving from the parent directory.

Add or update projects

1. Add the project folder inside Project-Hub/, ensuring it has an index.html.
2. In script.js, add an entry to the projects array with:
   • name: display name
   • path: relative path to the project folder (e.g., ./My-Project/)
   • description: short summary
   • icon: emoji or character for the card
3. Reload the page to see the new card.