Giter Site home page Giter Site logo

afk-mario / federike Goto Github PK

View Code? Open in Web Editor NEW
17.0 1.0 0.0 9.55 MB

Web app to manage your mastodon account

Home Page: https://federike.social/

License: MIT License

JavaScript 64.02% HTML 16.25% CSS 19.61% Shell 0.12%
mastodon mastodon-app mastodon-client

federike's Introduction

Federike

Federike app logo

Web app to help you organize your Mastodon using lists.

Federike is available at federike.social.

See the help guide for basic usage.

For updates and support, follow @[email protected].

Screenshot of the federike app

For more screenshots with different themes check out the screenshots folder

Browser support

Federike supports the latest versions of the following browsers:

  • Chrome
  • Edge
  • Firefox
  • Safari

Compatible versions of each (Opera, Brave, Samsung, etc.) should be fine.

Goals and non-goals

Goals

  • Make it easy to manage mastodon lists
  • Fast and easy to use
  • Accessibility
  • Progressive Web App features
  • Support latest versions of Chrome, Edge, Firefox, and Safari
  • Support non-Mastodon instances (e.g. Pleroma, Hometown) as well as possible
  • Internationalization

Secondary / possible future goals

  • Help you manage your following/followers account

Non-goals

  • Give tools for data-based account management, batch follow/unfollow, actions that feed unhealthy social media behaviour.
  • Supporting old browsers, proxy browsers, or text-based browsers
  • React Native / NativeScript / hybrid-native version
  • Android/iOS apps (using Cordova or similar)
  • Full functionality with JavaScript disabled
  • Offline support

Running locally

Federike requires Node.js and Yarn.

To start Federike, first install dependencies:

yarn

Then start the project:

yarn start

Then open your browser with the following address:

http://localhost:3000/

Developing and testing

See CONTRIBUTING.md for more detailed instructions on developing new features in Federike.

Changelog

For a changelog, see the CHANGELOG.md.

federike's People

Contributors

afk-mario avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

federike's Issues

Sort or filter by "Is not on a list"

Pitch

I'd like to be able to sort or filter the left hand "Following" column by whether or not someone is already in one or more lists.

Motivation

Personally, I'd like to have everyone in a list, so making it easier to spot people who are not yet in one or more lists would be super helpful. The little list tags are great for this, but a sort or filter option would be even better.

When you have loaded the entire Following list the tool crashes

Steps to reproduce the problem

  1. Click on the field "Load more" until everthing is loaded
  2. Another click...

Expected behaviour

This button should no longer be visible when the list is completely loaded.

Actual behaviour

The tool crashes (see image)

Detailed description

image

Specifications

Firefox and Chrome

List of lists sorted alphabetically

Pitch

Currently the list of lists is sorted by "age": last list created first.
For managing accounts it would be easier if the list were sorted alphabetically.
As for some people the chronological sorting might be better, a choice of sorting would be perfect.

Motivation

Lists are easier to find in an alphabetical order.
For some lists I still know when I created them, so I know whehter to look further down or further up, but for most lists I don't.

Following sorting does not work correctly in Chrome

Steps to reproduce the problem

  1. Open the drop down menu to select a sort option for the Following
  2. Click on an option

Expected behaviour

The listing should be updated with regard to the sorting option

Actual behaviour

There is no list update

Detailed description

It seems that the Following sorting does not work correctly in Chrome (in my case). In Firefox it works perfectly. In Chrome only "Last Followed" and "First Followed" work for me. Using the other options in the drop down menu have no impact on the listing.

image

Specifications

Federike V.0.1.7
Chrome Version 109.0.5414.120

Handle errors

Currently if something bad happens the app just crashes

Add component erros

If a query fails inside of a small component like a following row or a list, crash the single component and not the whole page.

Advance filtering

Being able to not only sort but also filtering by:

  • Name of instance
  • Name of username
  • Is on a specific list
  • Is not on a list
  • Is a bot

Ideally it will support AND OR operations, for example

Filter accounts not on the list IRL AND that are in the instance friends instance

Can't scroll lists

Steps to reproduce the problem

If your list of lists is longer than the screen height, you can't scroll down to see the lists that are below the screen, although the list of follows scrolls fine.

Expected behaviour

When mouse is over list of lists it should scroll

Actual behaviour

The list of follows continues to scroll but not the list of lists

Detailed description

See above.

Specifications

Using Brave on a Mac

Tutorial

Write a tutorial and put it somewhere in the page.

Failed while trying to get the login code

Steps to reproduce the problem

Attempting to authorize with my account (@[email protected])

Expected behaviour

Should have authorized

Actual behaviour

Got error: Error: url.startsWith is not a function. (In 'url.startsWith('data:')', 'url.startsWith' is undefined)

Detailed description

When attempting to log in with my account (@[email protected]) I get this error message:

Error: url.startsWith is not a function. (In 'url.startsWith('data:')', 'url.startsWith' is undefined)

CleanShot 2022-12-18 at 07 50 54

Specifications

Federike V.0.1.4

My instance is running the Hometown fork of Mastodon, so maybe that's the issue? The current version is up to date with Mastodon v3.5.5 but not 4.x

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.