Root index file

<!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>

Leave a comment