https://github.com/qjake/imagetilefun

A fun, purely client-based image browser for Reddit!
https://github.com/qjake/imagetilefun

angular client-side image-viewer reddit reddit-pics typescript

Last synced: 8 days ago
JSON representation

A fun, purely client-based image browser for Reddit!

• Host: GitHub
• URL: https://github.com/qjake/imagetilefun
• Owner: qJake
• License: mit
• Created: 2018-03-11T22:25:44.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2021-09-02T01:41:06.000Z (over 3 years ago)
• Last Synced: 2024-11-16T10:26:35.201Z (2 months ago)
• Topics: angular, client-side, image-viewer, reddit, reddit-pics, typescript
• Language: TypeScript
• Homepage: http://imagetile.fun/
• Size: 68.4 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Image Tile Fun

A fun, purely client-based image browser for Reddit! — [http://imagetile.fun/](http://imagetile.fun/)

## Features

* 100% pure client-side application (hosted on GitHub!)

* Images are linked and loaded from the source (no thumbnails)

    * Save as, drag + drop to a folder, or click to open in a new window

    * Supported image hosts:

        * Imgur

        * Reddit

        * (more to come)

    * Supported file types:

        * Images

        * GIF/GIFV (displayed as GIF)

* Slider for number of cards per row (3-12)

* Infinite scrolling (up to subreddit maximum of 1,000 posts)

* Show or hide Reddit post number, title, date, # comments, and Google Image / Yandex links

* Select number of posts to load per fetch ("per page")

* Select sort (Top, Hot, Controversial, etc)

* Settings are saved in local browser storage for future visits

* Remembers images you have "seen" already and dims them (optional)

* Shows subreddit info in the menu

## Built With

TypeScript (2.7) and Angular 1.x.

The repo should open cleanly in VS Code. I have not tested other IDEs.

### Running Locally

I recommend using [`live-server`](https://www.npmjs.com/package/live-server) installed globally, e.g.:

* (`npm install -g live-server`)

* `cd src`

* `live-server`

Handles automatic CSS and file change reloading.

## Wishlist

* [x] Save recent subreddit list

* [x] Update styling for mobile

* [x] Add URL hash / routing for links to subreddits (e.g. `imagetile.fun#/r/wallpaper`)

* [x] Ability to clear / reset saved setting (right now, you can just clear your local storage)

* [x] Subreddit info panel

* [x] Reorganize options into collapsible menu

* [ ] Offer "Pinterest-style" vertical card flow / layout (minimizes whitespace)

* [ ] Somehow detect and remove "removed" Reddit/Imgur images

* [x] Update styling for mobile

* [x] Add URL hash / routing for links to subreddits (e.g. `imagetile.fun#/r/wallpaper`)

* [x] Subreddit info panel

* [x] Reorganize options into collapsible menu

## Credits

Proudly developed with [**Semantic UI**](https://semantic-ui.com/) and [**AngularJS**](https://angularjs.org/).

Also includes:

* [jQuery Debounce plugin by Ben Alman](http://benalman.com/projects/jquery-throttle-debounce-plugin/)

* [Moment.js](https://momentjs.com/)

* [Markdown-It](https://github.com/markdown-it/markdown-it)