<!DOCTYPE html>
<html lang=”en”>
<head>
<meta charset=”UTF-8″ />
<meta name=”viewport” content=”width=device-width, initial-scale=1″ />
<title>Ray2407 PWA Hub</title>
<!– PWA Manifest –>
<link rel=”manifest” href=”manifest.json” />
<style>
body {
font-family: Arial, sans-serif;
padding: 1rem;
max-width: 600px;
margin: auto;
}
h1 {
text-align: center;
margin-bottom: 0.5rem;
}
ul {
list-style: none;
padding-left: 0;
}
li {
margin: 0.5rem 0;
}
a {
text-decoration: none;
color: #0078D7;
font-weight: bold;
}
a:hover {
text-decoration: underline;
}
footer {
margin-top: 2rem;
text-align: center;
font-size: 0.85rem;
color: #666;
}
</style>
</head>
<body>
<h1>Ray2407 Progressive Web Apps</h1>
<p>Welcome! Below are my collection of PWAs. Click any to open:</p>
<ul>
<li><a href=”./” aria-label=”Main Code Scanner PWA”>Main Code Scanner (Root)</a></li>
<li><a href=”./1/” aria-label=”Second PWA”>1 – Notes App</a></li>
<li><a href=”./2/” aria-label=”Third PWA”>2 – Countdown Timer</a></li>
<li><a href=”./3/” aria-label=”Daily Journal”>3 – Daily Journal</a></li>
<li><a href=”./4/” aria-label=”Weather Forecast”>4 – Weather Forecast</a></li>
<li><a href=”./5/” aria-label=”Habit Tracker”>5 – Habit Tracker</a></li>
<li><a href=”./6/” aria-label=”To-Do List”>6 – To-Do List</a></li>
<li><a href=”./7/” aria-label=”Pomodoro Timer”>7 – Pomodoro Timer</a></li>
<li><a href=”./8/” aria-label=”Expense Tracker”>8 – Expense Tracker</a></li>
<li><a href=”./9/” aria-label=”Voice Recorder”>9 – Voice Recorder</a></li>
<li><a href=”./10/” aria-label=”Flashcards App”>10 – Flashcards App</a></li>
<li><a href=”./11/” aria-label=”Gratitude Journal”>11 – Gratitude Journal</a></li>
<li><a href=”./12/” aria-label=”Fitness Log”>12 – Fitness Log</a></li>
<li><a href=”./13/” aria-label=”Language Learner”>13 – Language Learner</a></li>
<li><a href=”./14/” aria-label=”Mood Tracker”>14 – Mood Tracker</a></li>
<li><a href=”./15/” aria-label=”Prayer List”>15 – Prayer List</a></li>
</ul>
<footer>© 2025 Ray2407 | Powered by PWA Technology</footer>
<script>
// Register service worker for PWA support
if (‘serviceWorker’ in navigator) {
navigator.serviceWorker.register(‘sw.js’).then(() => {
console.log(‘Service Worker registered’);
}).catch((err) => {
console.error(‘Service Worker registration failed:’, err);
});
}
</script>
</body>
</html>