Coder Social home page Coder Social logo

lallesx / 4chanz Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 610 KB

A browser-extension for 4chan, adding features to "improve" the experience.

License: GNU General Public License v3.0

JavaScript 1.97% CSS 0.31% TypeScript 95.34% HTML 2.38%
4chan browser-extension chrome-extension firefox-extension type-safe typescript react tailwindcss strict-types

4chanz's Introduction

4chan Z

4chan Z is a 4chan extension that adds a variety of features to the site.

The React code is currently not showing up when you build it, but it shows up in the vite dev

Features

Note: This is a work in progress. If a feature is checked off, it means it is implemented but not necessarily working as intended.

  • Image hover. Not on catalog yet
  • Catalog improvements:
  • Catalog loads with JSON instead of HTML
  • Catalog gifs play on the catalog. This makes the catalog feel more alive
  • Added Header
  • Settings menu. (Needs to be optimized)

Planned Features

  • Optiimize for all themes. Right now it only looks good on Yotsuba B
  • Image hover on catalog
  • Filter threads/posts
  • Have remote filters
  • Thread watcher
  • Quick reply
  • Gallery mode
  • Preformace improvements
  • Better settings menu
  • Better config system
  • Embed link
  • Better catalog, sort by bump, etc

Javascript Libraries

Project Setup

pnpm install

Commands

Build

Development, HMR

Hot Module Reloading is used to load changes inline without requiring extension rebuilds and extension/page reloads Currently only works in Chromium based browsers.

npm run dev

Development, Watch

Rebuilds extension on file changes. Requires a reload of the extension (and page reload if using content scripts)

npm run watch

Production

Minifies and optimizes extension build

npm run build

Load extension in browser

Loads the contents of the dist directory into the specified browser

npm run serve:chrome
npm run serve:firefox

4chanz's People

Contributors

lallesx avatar

Stargazers

 avatar

Watchers

 avatar

4chanz's Issues

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.