Awesome GitHub RepositoriesLocalStorage Persistence

This is a browser-based Tetris game built with React, using Redux and Immutable.js to manage all game state in a single immutable store. The application renders the game board, next-block preview, and score display as React components, with state transitions that are predictable and support time-travel debugging through the Redux DevTools Extension. The game distinguishes itself through several integrated capabilities. It automatically adapts between keyboard and touch controls based on the user's input device, with configurable repeat rates for responsive gameplay. A persistence layer serial

This project is a collection of reusable React hooks designed to wrap browser APIs, manage state persistence, and handle DOM observation. It provides a consistent interface for integrating native browser capabilities directly into the React component lifecycle. The library includes specialized toolkits for monitoring the browser environment, such as window resizing, network connectivity, and viewport visibility. It also provides mechanisms for managing execution timing through debouncing, throttling, and the control of timeouts and intervals. Additional capabilities cover state management wi

usehooks-ts is a comprehensive collection of reusable TypeScript-based hooks designed for managing state, DOM events, and browser API interactions within React applications. It provides a typed library of functions to handle common frontend patterns and side effects. The project distinguishes itself by offering specialized hooks for browser integration, including tools for interacting with the system clipboard, managing local and session storage persistence, and loading external scripts. It also includes utilities for responsive UI development, such as tracking media queries, window dimension

jspaint is a web-based reimplementation of Microsoft Paint, built entirely in JavaScript to run in a browser. It recreates the classic desktop application by reverse-engineering the original Win32 API calls and event handling, rendering the entire interface onto an HTML5 canvas for pixel-perfect retro graphics. The project preserves the original file format compatibility with BMP, PNG, GIF, and JPEG, ensuring exact pixel data matches the legacy application. The application maintains a complete undo history stack using compressed image snapshots, and offloads computationally intensive image pr

MobX State Tree is a structured, tree-based state management library for JavaScript applications that combines typed model definitions with reactive snapshots and patch-based change tracking. It provides a reactive state container with runtime and compile-time type safety, where application state is defined as a tree of typed models with collocated actions, computed views, and lifecycle hooks for predictable state mutations. The library is built around an action-centric mutation model that encapsulates all state changes within named functions that directly modify the tree, supported by genera

🏁 Web based Windows XP desktop recreation.

Simpl هي مكتبة أمثلة HTML وCSS وJavaScript توفر مجموعة من العروض التوضيحية الوظيفية البسيطة لتقنيات الويب الأساسية وواجهات برمجة تطبيقات المتصفح الأصلية. تعمل كمرجع للتنفيذ ومعرض أنماط لتطوير الواجهة الأمامية، حيث تقدم أمثلة عملية لكيفية تنفيذ ميزات الويب الشائعة. يعرض المشروع مجموعة واسعة من إمكانيات المتصفح، بما في ذلك اتصالات الويب في الوقت الفعلي عبر WebSockets وWebRTC، وتقنيات تصميم الويب المستجيب للتخطيطات التكيفية، وتنفيذ سير العمل دون اتصال باستخدام عمال الخدمة (service workers). كما يوفر عروضاً توضيحية للتخزين من جانب العميل باستخدام IndexedDB ومخازن القيمة الرئيسية القائمة على المتصفح. تغطي المكتبة سطحاً واسعاً من إمكانيات الويب، بما في ذلك تكامل الأجهزة مع مستشعرات الجهاز وتحديد الموقع الجغرافي، والتقاط وتشغيل الوسائط المتقدم للصوت والفيديو، واستخدام canvas لعرض الرسومات ثنائية وثلاثية الأبعاد. تشمل المجالات الإضافية معالجة البيانات، والبرمجة غير المتزامنة، واستخدام واجهات برمجة تطبيقات المتصفح لمراقبة الأداء واتصال الشبكة.

This project is a collection of technical demonstrations and prototypes that showcase various HTML5 APIs, multimedia capabilities, and web standard implementations. It serves as a frontend technology sandbox and a gallery of implementation proofs-of-concept for modern browser features. The collection includes specialized showcases for HTML5 multimedia, featuring the manipulation of audio, video, and real-time media streams. It also provides a series of experiments focused on prototyping web capabilities to verify technical feasibility and browser support in live environments. The project cov

EpicEditor هو محرر Markdown قائم على JavaScript مصمم كمكون واجهة مستخدم قابل للتضمين لتطبيقات الويب. يعمل كمدير محتوى محلي أولاً، حيث يستخدم التخزين المحلي للمتصفح لحفظ المسودات تلقائياً واستمرارية المحتوى دون اتصال. يتميز المحرر باستخدامه لـ iframes لعزل الأنماط، مما يمنع تسرب CSS بين المحرر والتطبيق المضيف. يتميز بمحلل Markdown قابل للتخصيص يسمح للمطورين باستبدال محرك التحليل الافتراضي بوظائف مخصصة لتحويل النص إلى تنسيقات إخراج محددة. يوفر النظام واجهة مقسمة للتحرير والمعاينة المتزامنة، مع دعم لوضع ملء الشاشة وتعديلات الأبعاد الديناميكية. يتضمن نظام إدارة مستندات لإنشاء الملفات وإعادة تسميتها وحذفها، بالإضافة إلى آليات لاستيراد وتصدير المحتوى كنص أو HTML أو JSON.

Nullboard هو أداة إنتاجية محلية أولاً ومنظم ملاحظات قائم على المتصفح. يعمل كلوحة مهام Kanban لتتبع سير العمل وتنظيم المهام في ملاحظات وقوائم قابلة للسحب داخل واجهة بسيطة. يتميز المشروع بواجهة Kanban قابلة للتخصيص تسمح للمستخدمين بضبط التفضيلات البصرية، بما في ذلك السمات، وعائلات الخطوط، وأحجام الخطوط، وعروض التخطيط. يدير النظام البيانات من خلال تخزين المتصفح المحلي للوصول دون اتصال، مكملاً باستيراد وتصدير ملفات اللوحة والمزامنة عن بُعد القائمة على الرموز للنسخ الاحتياطي. يتضمن نظام تراجع قائماً على المراجعة لتحرير المحتوى ويستخدم آليات السحب والإفلات لإعادة ترتيب المهام.

Zenpen is a browser-based text editor designed as a minimalist writing tool. It provides a distraction-free environment for composing and formatting plain text using Markdown syntax. The editor removes visual clutter and complex menus, replacing them with a streamlined interface to maintain creative flow. Formatting options for bold, italics, and hyperlinks are provided through a contextual menu that appears only when text is selected. Content is persisted locally using browser storage, allowing users to save their writing progress without requiring a remote account.

This project is an interactive JavaScript course and beginner programming guide designed to teach fundamental scripting logic and language syntax. It functions as a web-based coding tutorial that transforms markdown-based lessons into a static site curriculum for learning web development basics. The resource features a browser-based code sandbox that allows for the execution of JavaScript snippets within a secure environment for immediate feedback. Lessons are organized into a linear sequence of modules to provide a structured onboarding process for those new to software development. The sys