Buidling ritual.tangentlabs.dev - Open Source Habit Tracker PWA | Open Source Contributor @continue.dev

substack

Sahil Mahapatra  • Peerlist

Ritual is a minimalistic, open source habit tracker designed to enhance your productivity without the clutter of ads or trackers. Built as a local-first Progressive Web App (PWA), it ensures your data remains private and accessible even offline. Key features include a clean interface for tracking daily habits, insightful statistics to monitor progress, and customizable settings to tailor the experience to your needs. With its focus on simplicity and privacy, Ritual empowers users to create and maintain positive habits effortlessly. The application leverages modern technologies like React and ServiceWorker to deliver a seamless user experience. Whether you're looking to build new routines or reinforce existing ones, Ritual provides the tools you need to succeed.

Ritual

Change website fonts using your system's installed fonts.Tired of hard-to-read websites? Take control of your web typography with Site Font Switcher!This extension lets you easily change the font, line height, and font size of any website using the fonts already installed on your system.Features:Select any system font for specific websites.Adjust line spacing (line height) for better readability.Set custom font sizes (px, em, rem, %).Save settings per domain - your preferences are remembered!Set a global default font for all sites.Quickly revert to original site styles.Manage all your settings on the Options page.Improve your browsing experience and make the web more readable. Install Site Font Switcher today!

Site Font Switcher

<h3>HackerNews Top 100 - New Tab Experience</h3>Transform your new tab into a sleek, customizable feed of the top 100 HackerNews stories<h3>Overview</h3>HackerNews Top 100 replaces your new tab page with a beautifully designed grid of the most popular stories from Hacker News. Stay up-to-date with the tech world without having to visit multiple sites, and customize your experience with powerful filtering options and a toggle between light and dark themes.<h3>Key Features</h3>- Top 100 HackerNews StoriesBrowse through the 100 highest-scoring stories from Hacker News right in your new tab. Each story card shows the title, author, posting time, score, and comment count, giving you all the information you need at a glance.- Light &amp; Dark ThemesSwitch between a clean, light theme for daytime browsing and a sleek, dark theme that's easier on the eyes at night. Your preference is remembered between browser sessions for a seamless experience.- Powerful Search &amp; FilteringInstantly search through all 100 stories to find exactly what you're looking for. Filter by title or author, and sort by score, newest, title, or comment count to customize your feed.- Lightning Fast &amp; Offline CapableStories are stored in your browser's local storage, so your new tab loads instantly even when your internet connection is spotty. The extension automatically fetches fresh stories every 3 hours, or you can manually refresh at any time.- Always Fresh ContentGet automatic updates every 3 hours to ensure you're always seeing the latest trending stories. You can also manually refresh anytime you want the very latest content.- Clean, Modern DesignEach story is presented in a visually appealing card format organized in a responsive grid that works beautifully on any screen size. The minimalist design focuses on readability and efficient information density.<h3>Who Is This For?</h3>Tech Professionals who want to stay informed of industry trends and discussionsDevelopers looking for interesting projects, tools, and technical discussionsStartup Enthusiasts following the latest in entrepreneurship and innovationAnyone who enjoys high-quality tech news and thought-provoking stories<h3>How It Works</h3>- Install the extension and open a new tab- Browse the top 100 HackerNews stories in a beautiful grid layout- Search &amp; filter to find exactly what interests you- Click on any story to read the full content- Toggle between light and dark themes based on your preference- Refresh manually anytime you want the very latest stories<h3>Privacy First</h3>We respect your privacy:- No user data collection- No tracking- No analytics- No ads- Works completely locally on your machine- Only connects to the official HackerNews API to fetch stories<h3>Technical Details</h3>- Fetches the top 100 stories from the official HackerNews API- Automatically refreshes every 3 hours to ensure fresh content- Stores content locally for fast loading and offline capability- Built with vanilla JavaScript for minimal resource usage- Lightweight extension that won't slow down your browser<h3>Installation</h3>- Click "Add to Chrome" to install the extension- Open a new tab to see your HackerNews feed- Customize your experience with the search and sorting options- Toggle between light and dark themes using the switch in the top-right corner<h3>Feedback &amp; Support</h3>We're constantly working to improve HackerNews Top 100. If you have suggestions, feature requests, or encounter any issues, please reach out through the support link or leave a review.Stay informed, discover great content, and make your new tab productive with HackerNews Top 100!

HackerNews Top 100 - Chrome extension

<h3>NoteStash Chrome Extension</h3>A powerful Chrome extension that allows users to highlight text on web pages and attach notes to these highlights. All highlights and notes persist across browser sessions and are automatically restored when you revisit the page, creating your personal knowledge repository as you browse.<h3>Features</h3><ul><li>Highlight any text on web pages with a simple selection</li><li>Add detailed notes to any highlighted text</li><li>Multiple highlight colors for visual organization</li><li>Notes appear as indicators that expand on hover/click</li><li>Edit and delete individual notes</li><li>Automatic saving of all content to local storage</li><li>Persistent highlights and notes across browser sessions</li><li>View and manage all your saved content in the popup window</li><li>Export and import your data for backup</li></ul><h3>Installation</h3><ol><li>Open Chrome and go to `chrome://extensions/`</li><li>Enable "Developer mode" in the top right corner</li><li>Click "Load unpacked" and select the extension directory</li><li>The extension icon should appear in your Chrome toolbar</li></ol><h3>Usage</h3><h3>Basic Highlighting</h3><ol><li>Select any text on a webpage</li><li>Choose a highlight color from the popup palette</li><li>Click the highlight button or use keyboard shortcuts</li></ol><h3>Adding Notes</h3><ol><li>Select text you want to annotate</li><li>Click the "Add Note" button in the selection palette</li><li>Enter your note in the popup editor and save</li><li>Note indicators will appear next to your highlighted text</li></ol><h3>Managing Notes</h3><ol><li>Hover over note indicators to preview content</li><li>Click indicators to fully expand notes</li><li>Use edit and delete buttons within expanded notes</li><li>Access all notes via the extension popup</li></ol><h3>Organization</h3><ol><li>Click the extension icon to view all saved content</li><li>Filter by page, date, or content</li><li>Search through all your highlights and notes</li><li>Export data for backup or sharing</li></ol><h3>Technical Details</h3><ul><li>Built on Manifest V3 for improved security and performance</li><li>Uses Chrome Storage API for reliable data persistence</li><li>Content is stored with URL-based organization</li><li>Each highlight and note has a unique ID and timestamp</li><li>Event-driven architecture for seamless user interaction</li><li>Background script for cross-page functionality</li><li>Modular code structure for maintainability</li></ul>