Giter VIP home page Giter VIP logo

piko's Introduction

Piko Twitter Client

This is a lightweight web client for Twitter.

Features

  • Super lightweight, no bloated video player, modals, etc
  • First class lists support
  • Next/Prev pagination instead of infinite scrolling
  • Full pictures are visible in timeline. In Twitter web seeing longer images is a pain.

Todo

  • Add ability to send media files in a tweet
  • Upgrade to Twitter API v2
  • Improve replies section

Usage

You can use the deployed version (https://pikopiko.netlify.app)

Or clone and deploy it yourself. Frontend project (this repository) should be installed on Netlify, backend project (https://github.com/mort3za/piko-server) can be installed on Vercel. You'll need to sign up for a Twitter developer account and get the required API keys. Check .env.example file to see what you need.

piko's People

Contributors

mort3za avatar

Stargazers

Roman avatar Juh avatar Zeinab Rezaee avatar Peyman Rashidi avatar Kian Paimani avatar Ehsan Shahvirdi avatar Hafez Dehghani avatar

Watchers

avatar avatar avatar

piko's Issues

Ideas

  • Modal to open details (so going back is without delay)
  • Ability to limit time on website per day
  • Default direction of text in compose box + button to change it
  • Auto-split long text to multiple tweets
  • Customizable toolbar / menu
  • Make easier access to some settings (like mute words)
  • Lists beside home (like official app)
  • Show retweet quotes beside replies
  • Soft mute (show retweets & replies-in-threads)
  • View mode in lists (disable like/retweet buttons)
  • tweet long text as image with special themes
  • block likers in tweet menu
  • detect code blocks in tweet texts
  • temperature of tweet instead of likes (temperature = likes + retweets / followers)
  • Select multiple tweets and group screenshot
  • quote with screenshot (add screenshot of the quoted tweet, in case the quoted tweets gets deleted)
  • Batch block page with reference to reason tweets. + share link
  • Verifiable public tweet screenshots

Settings page

  • Persian date for tweets meta
  • Night mode
  • Show likes/retweets

Scroll position issue

  • Return to saved position when the route change is from status to a timeline with meta:savePosition
  • Keep scroling to top for changing pagination or ...

video issues

  • loop short videos
  • show length before load
  • choose bitrate
  • download button [ignore]

TEC - use inline svg with 'use' tag

Something like:

<svg width="20px" height="20px" class="text-red">
    <use xlink:href="/assets/img/ico.svg#external"></use>
</svg>

To have control over svg color by classnames.

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.