Warframe Task Checklist Web App

A simple, client-side web application to help Warframe players track their daily, weekly, and other in-game tasks, built with Vite for optimized performance.

Pages Updates

The hosted version of this application will be updated (if changes are made) on the weekly reset (00:00 UTC) to avoid resets to the application. To avoid any accidental resets of your progress, please fork this repository and host it yourself, or download the source package from the latest release and use it locally (and make sure to update it weekly with any changes if needed). Check out the How to Use section for more information.

Description

This tool provides checklists for common recurring activities in Warframe. It saves your progress directly in your browser's local storage, automatically resets daily and weekly tasks based on UTC time, and offers a few customization options. The application is built using HTML, CSS (with Tailwind CSS via CDN for rapid styling), vanilla JavaScript, and is processed with Vite for an optimized production build.

Fan Made Reviews/Showcase

Conquering Productions

Features

• Comprehensive Task Lists: Includes common Daily, Weekly, and a new "Other Tasks" section.
  • Collapsible Sections: Each major section can be expanded or collapsed for a cleaner view.
  • Subtasks: Daily World Syndicate tasks are broken down into collapsible subtasks with linked parent/child checking behavior.
• Task Visibility Control:
  • Hide Individual Tasks: Each task has an eye icon (👁️) to hide it from view. Hidden tasks are saved and persist across sessions.
  • Hide Entire Sections: If all tasks within a section are individually hidden, a "Hide Section" button will appear on the section header, allowing you to manually hide the entire section. This state is also saved.
• Local Progress Saving: Your checked tasks, hidden task preferences, and notification settings are saved directly in your browser's local storage.
  • Version-Aware Storage: Save data now persists across minor and patch updates (e.g., v2.0.x, v2.1.x, v2.3.x). A new save file is only created on major version changes (e.g., v2.x.x to v3.0.0).
• Dynamic Timers & Resets:
  • Automatic Daily/Weekly Resets:
    • Daily tasks reset automatically after 00:00 UTC.
    • Weekly tasks reset automatically after Monday 00:00 UTC.
    • Section headers display a dynamic countdown timer (e.g., "Resets in HH:MM:SS") for these.
  • Baro Ki'Teer Tracker (in "Other Tasks"):
    • Displays a live countdown to Baro's arrival ("Arrives in Xd HH:MM:SS").
    • Switches to a departure countdown ("Leaves in HH:MM:SS") when he is present.
  • 8-Hour Rotating Vendor Tasks (in "Other Tasks"):
    • Includes tasks for Grandmother, Archimedean Yonta, and Loid (Necralisk).
    • These tasks reset every 8 hours (00:00, 08:00, 16:00 UTC).
    • Each has an individual countdown timer showing time until its next reset.
• Optional Browser Notifications (for "Other Tasks"):
  • Each task in the "Other Tasks" section (Baro, Grandmother, Yonta, Loid) has a Bell icon (🔔).
  • Click the Bell icon to opt-in to receive browser notifications for that specific task.
    • Baro Ki'Teer: Get notified when he arrives and shortly before he departs.
    • 8-Hour Vendors: Get notified when their stock resets.
  • Notifications are visual popups only (no sound).
  • Notification preferences are saved locally. The icon turns green when active.
• Modal Options Menu:
  • A hamburger icon (☰) on the top right opens a modal menu.
  • Manual Reset Options: Buttons to manually reset "Daily Checks," "Weekly Checks," or "All Checks" (with two-click confirmation).
  • Unhide All Tasks: A button to unhide all individually hidden tasks and manually hidden sections (with confirmation).
• Customizable Theme:
  • Toggle between a dark mode (default) and a light mode.
  • Theme preference is saved locally.
• Dynamic Background:
  • Features a daily rotating background image, now loaded via CSS for better performance.
• User-Friendly Error Handling:
  • Displays clear error messages if issues occur (e.g., problems saving to local storage).
  • Includes a "Copy" button in the error display for easy reporting.
• Performance Optimizations:
  • Vite Build Process: The application is built using Vite, which optimizes and bundles JavaScript and CSS, including filename hashing for efficient cache-busting.
  • Critical CSS Inlining: Critical CSS is inlined in the deployed index.html via vite-plugin-html to ensure the fastest possible initial paint. Non-critical CSS is loaded asynchronously.
  • Self-Hosted Fonts: The "Inter" font is self-hosted to reduce external dependencies and improve load times.
• Responsive Design: Styled with Tailwind CSS for a generally responsive layout.
• Footer Information: Includes links to relevant resources (WarframeTools, GitHub, License, Warframe Hub, Warframe Wiki, FrameHub), app version, and current Warframe version.

How to Use

There are a few ways to use the Warframe Task Checklist:

1. Live Site (Recommended for most users):

   • Go directly to the deployed site: https://warframetools.com/Task-Checklist/
   • This version is built and optimized with Vite for the best performance.

2. Fork and Deploy Your Own:

   • Fork this repository to your own GitHub account.
   • Enable GitHub Pages for your forked repository (Settings > Pages).
     • Set the "Build and deployment" source to "GitHub Actions". The included workflows will build and deploy the site.
   • You will then have your own live, optimized version that you control.

3. Download and Run Source Locally (for file:/// execution):

   • Go to the Releases page of this repository.
   • Download the Task-Checklist-[VERSION].zip (or .tar.gz) from the latest release.
   • Unzip the archive. The structure will be:

     your_folder/
     ├── index.html
     ├── css/
     │   └── style.css
     │   └── critical.css  (This is for reference, its content is injected into index.html in the archive)
     ├── js/
     │   └── app.js
     ├── fonts/
     │   └── inter-v18-latin-regular.woff2
     │   └── ... (other font files)
     └── img/
         └── garuda-fortuna.webp
         └── ... (other image files)
     

   • Open the index.html file from the unzipped folder directly in your web browser. This version has been specifically prepared by the GitHub Action to work well when opened via file:///.

4. Develop or Run Source with a Local Server (Recommended for Developers):

   • Clone the repository: git clone https://github.com/warframe-tools/Task-Checklist.git
   • Navigate into the project directory: cd Task-Checklist
   • Install dependencies: npm install
   • Run the development server: npm run dev
     • This will open the app, usually at http://localhost:5173/Task-Checklist/, with hot module replacement and other development features.
   • To run a local version of the production build:
     • npm run build
     • npm run preview (this will serve the dist/pages folder, usually at http://localhost:4173/Task-Checklist/)

Feedback, Issues & Feature Requests

Have feedback or have an idea for a new feature? Please use GitHub Discussions!

1. Go to Discussions: Navigate to the Discussions tab of this repository.
2. Choose a Category: Select the most appropriate category (e.g., "Ideas" for feature requests, "Q&A" for questions, "General" for feedback, or create a new discussion if unsure).
3. Start Discussion: Click "New discussion".
4. Describe:
   • Provide a clear and concise title.
   • For Bugs: Describe the steps to reproduce the issue, what you expected, what happened, and paste any error messages (use the "Copy" button in the app's error bar if available). Include browser/OS info if possible.
   • For Features: Explain the feature clearly and why it would be useful.
   • For Feedback: Share your thoughts!
5. Submit: Click "Start discussion".

Reporting Issues (Bugs)

If you encounter a bug, graphical glitch, or something isn't working as expected, please report it using the GitHub Issue Tracker:

1. Check for Existing Issues: First, please check the Issues tab to see if someone has already reported the same problem.
2. New Issue: If not, click "New issue".
3. Describe the Bug:
   • Provide a clear and concise title (e.g., "Weekly Reset Button Doesn't Reset All Weekly Tasks").
   • Describe the exact steps you took to encounter the bug.
   • What did you expect to happen?
   • What actually happened?
   • Paste any error messages shown in the app's error bar (use the "Copy" button) or from your browser's developer console.
   • Include your browser name and version, and operating system if possible.
4. Submit: Click "Submit new issue".

Support the Project

If you find this tool useful, consider supporting its development!

• Create a Pull Request: Do you have a feature you would like added, or a task that you would like added that could benefit other Tenno? Fork the repository, and create a pull request!

Credits

• Vite: https://vitejs.dev/
• Tailwind CSS: https://tailwindcss.com/
• Inter Font: Self-hosted.(https://fonts.google.com/specimen/Inter).
• Task list based on information discussed in the Warframe community.

Disclaimer

This is an unofficial fan-made tool. Warframe and all related assets are the intellectual property of Digital Extremes Ltd. This project is not affiliated with, endorsed by, or sponsored by Digital Extremes Ltd.

Note

The warframetools.com website uses Cloudflare Analytics to view privacy friendly analytics information for visitors. You are free to use a tracker blocker, and it will not affect the tool from working. If you are not comfortable with this, please download and use it locally, or fork the repository and host it yourself on your own Github Pages.

License

This project is licensed under the GNU General Public License v3.0 (GPLv3). See the LICENSE file for details.