PWA App

goalixa-pwa/
├── index.html              # Main app shell
├── manifest.webmanifest   # PWA manifest
├── sw.js                  # Service worker
├── js/
│   ├── router.js          # Client-side routing
│   ├── api.js             # API client
│   ├── auth.js            # Authentication logic
│   ├── config.js          # Configuration
│   ├── utils.js           # Utilities
│   ├── theme.js           # Theme handling
│   ├── charts.js          # Chart rendering
│   ├── pomodoro.js        # Pomodoro timer
│   └── views/
│       ├── auth-view.js   # Login/Signup views
│       ├── app-view.js    # Main app view
│       └── sessions-view.js
├── css/
│   └── styles.css
└── assets/
    └── icons/

// API base configuration
const API_BASE = 'https://api.goalixa.com/bff';
 
// Making requests
const tasks = await api.get('/app/tasks');
const task = await api.post('/app/tasks', {
    title: 'New task',
    priority: 'high'
});

// sw.js capabilities
- Cache static assets (HTML, CSS, JS, fonts)
- Cache API responses for offline access
- Background sync for offline actions
- Push notification support

// manifest.webmanifest
{
  "name": "Goalixa",
  "short_name": "Goalixa",
  "start_url": "/",
  "display": "standalone",
  "background_color": "#111827",
  "theme_color": "#111827",
  "icons": [
    {
      "src": "/assets/icons/icon-192.png",
      "sizes": "192x192",
      "type": "image/png"
    },
    {
      "src": "/assets/icons/icon-512.png",
      "sizes": "512x512",
      "type": "image/png"
    }
  ]
}

// Via API client
const task = await api.post('/app/tasks', {
    title: 'Complete documentation',
    description: 'Write API docs',
    priority: 'high',
    project_id: 1,
    due_date: '2026-04-15'
});
 
console.log('Task created:', task.id);

// Start timer on task
await api.post('/app/tasks/123/start');
 
// Stop timer
const entry = await api.post('/app/tasks/123/stop');
console.log('Time logged:', entry.duration, 'seconds');

// Check online status
window.addEventListener('online', () => {
    showNotification('Back online!');
    syncOfflineActions();
});
 
window.addEventListener('offline', () => {
    showNotification('You are offline');
});

// js/config.js
const CONFIG = {
    API_BASE: 'https://api.goalixa.com/bff',
    WS_BASE: 'wss://api.goalixa.com',
    OFFLINE_STORAGE: 'goalixa-offline',
    CACHE_VERSION: 'v1'
};

server {
    listen 80;
    server_name app.goalixa.com;
 
    root /var/www/goalixa-pwa;
    index index.html;
 
    location / {
        try_files $uri $uri/ /index.html;
    }
 
    location /assets {
        expires 1y;
        add_header Cache-Control "public, immutable";
    }
 
    # API proxy
    location /bff {
        proxy_pass http://bff-service:8000;
        proxy_set_header Host $host;
        proxy_set_header X-Real-IP $remote_addr;
    }
}

FROM nginx:alpine
COPY . /usr/share/nginx/html
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]