Code Monkey home page Code Monkey logo

tentacle-app's Introduction

tentacle-app's People

Contributors

stefanbuck avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

tentacle-app's Issues

Loading indicator

The current loading indicator looks slightly boring. The initial request to load the data can take up to two seconds. Therefore something more appealing to watch would be nice.

image

Persist filter in URL

Primarily a workaround until we add the capability to persist filter along with the user profile.

Example

A filter like repo:facebook/react is:pull-request is:open will result in the following URL https://tentacle.app/q=repo%3Afacebook%2Freact%20is%3Apull-request%20is%3Aopen

Loading indicator

The current loading indicator looks slightly boring. The initial request to load the data can take up to two seconds. Therefore something more appealing to watch would be nice.

image

Card headline weight

The pull request/issue headline is not dominant enoguth espeicaly if the description contains markdown headlines. This is realted to #4

Tentacle card design

Same pull request on GitHub.com

Limit card height

Some issues/pull requests description are much longer than others. We might want to limit the card height to a certain height and show a "Expand" button to allow users to read the entire description if necessary

Collapse pull requests created by bots

Pull requests created by bots (GitHub integrations) are quite noisy. It would be great to collapse the description of such PRs since the title contains all the necessary information already. The bare minimum we need to show is the user, title and the date.

Represent pull request/issue state

After merging #1 I've noticed that the border of the avatar is meant to reflect the current state (open, closed, merged). Technically this is not a problem at all, but it might confuses some people. Usally such borders are meaningless and just a visual element. Another aspect is that since the border is surrounding the user it might let people to think the color reflects a certain state of the user itself.

In a previous discussion @Flawwles suggested to use a left border to indicate the current state. Maybe something to reconsider.

Intuitive links

Right now following parts are clickable in a card

  • The user avatar
  • Username
  • Pull request/issue title
  • Comment count

I have the felling this is not obvious at all and we might need to think about a visual indicator or a pattern that ensures people understand quickly what is clickable and what is not.

Show reactions in card design

The current card design does not show reactions. Reactions on a issue/pull request can be an indicator wheater this request was well reviced or not.

Revist markdown style

This is an <h1> tag

This is an <h2> tag

This is an <h3> tag

This is an <h4> tag

This is an <h5> tag
This is an <h6> tag

This will be italic
This will be bold

  • Item 1
  • Item 2
    • Item 2a
    • Item 2b
  1. Item 1
  2. Item 2
  3. Item 3
    1. Item 3a
    2. Item 3b

http://github.com
GitHub

We're living the future so
the present is our past.

I think you should use an <addr> element here instead.

  • @mentions, #refs, links, formatting, and tags supported
  • list syntax required (any unordered or ordered list supported)
  • this is a complete item
  • this is an incomplete item
First Header Second Header
Content from cell 1 Content from cell 2
Content in the first column Content in the second column

Some Logo

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.