📊 RemoteWork Productivity Tracker

RemoteWork Productivity Tracker is a modern and interactive web application that helps remote professionals monitor their work location, visualize their weekly productivity, receive actionable work tips, and analyze work patterns — all in one place.

Built using HTML, CSS, and JavaScript, this app leverages powerful Web APIs like:

• 📍 Geolocation API
• 🖼️ Canvas API
• 👁️ Intersection Observer API
• 🧠 Background Tasks API

---

🔧 Features

1. 🌍 Work Location Tracker (Geolocation API)

• Automatically tracks your location every 5 minutes
• Logs accuracy, timestamp, and coordinates
• Displays the most recent location data in the interface

2. 📊 Productivity Visualization (Canvas API)

• Custom-drawn bar chart for Focus Hours and Distractions throughout the week
• Generates reports on-demand using requestIdleCallback()

3. 💡 Productivity Tips (Intersection Observer API)

• Scrollable tip cards appear with animations as you view them
• Tips are practical and categorized for better remote work habits

4. 🧠 Work Session Analysis (Background Tasks API)

• Simulates analysis of location data during idle browser time
• Calculates a Productivity Score per location update
• Displays average score with suggestions to improve work efficiency

---

🗂️ File Structure

📁 project-root/
├── index.html            # Main HTML structure and layout
├── app.js                # JS logic and integration of all Web APIs
└── (styles inlined)      # CSS is written inside the HTML file

---

🚀 How to Use

1. Download or clone the project.
2. Open index.html directly in your browser (no server required).
3. Click Start Tracking to enable geolocation logging.
4. Press Generate Weekly Report to draw a custom productivity chart.
5. Scroll through Productivity Tips to reveal animated suggestions.
6. Click Analyze Work Patterns to simulate background performance analysis.

---

🧪 Web APIs in Action

Web API	Use Case
Geolocation API	Logs user’s work location over time
Canvas API	Renders custom weekly productivity chart
Intersection Observer API	Animates tip cards as they enter the viewport
Background Tasks API	Efficiently analyzes logged data during idle periods

---

✅ Browser Compatibility

• Works on all modern browsers (Chrome, Edge, Firefox, Safari)
• Best experience on desktop or mobile with location permissions enabled

---

📋 License

MIT License. Free to use, modify, and distribute.

---

👨‍💻 Author

Made with ❤️ by Aaditya for productive remote workers.

---

📌 Tip

For privacy reasons, location data is not stored or sent anywhere — it only exists in memory.