https://github.com/michalbie/short-reddit

Your favorite subreddit shown in the most condensed way.
https://github.com/michalbie/short-reddit

app application fetch-api html javascript lesscss reddit reddit-api reddit-post responsive responsive-design responsive-web-design subreddit vscode

Last synced: 3 days ago
JSON representation

Your favorite subreddit shown in the most condensed way.

• Host: GitHub
• URL: https://github.com/michalbie/short-reddit
• Owner: michalbie
• License: mit
• Created: 2020-11-15T15:05:42.000Z (almost 4 years ago)
• Default Branch: main
• Last Pushed: 2021-01-02T01:37:31.000Z (over 3 years ago)
• Last Synced: 2024-09-24T19:40:36.566Z (3 days ago)
• Topics: app, application, fetch-api, html, javascript, lesscss, reddit, reddit-api, reddit-post, responsive, responsive-design, responsive-web-design, subreddit, vscode
• Language: JavaScript
• Homepage:
• Size: 6.95 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Short-Reddit · ![GitHub](https://img.shields.io/github/license/michalbie/Short-Reddit) [![Language grade: JavaScript](https://img.shields.io/lgtm/grade/javascript/g/michalbie/Short-Reddit.svg?logo=lgtm&logoWidth=18)](https://lgtm.com/projects/g/michalbie/Short-Reddit/context:javascript)

Your favorite subreddit shown in the most condensed way.

Check out live:  https://michalbie.github.io/Short-Reddit/ 

## Main features

* Responsiveness

* Reddit posts shown in condensed way

* Showing 5 most popular answers on demand

* Viewing every media (images, videos, gifs)

* Support for showing external sites in iframe (only if this site allows this)

* Sending to actual reddit post after click

* Sorting posts by subreddit, status(Hot, New, Top)

* Setting shown posts limit (up to 900 posts)

## App look

![Desktop](assets/screenshots/desktop_1.png "Desktop")

![Desktop](assets/screenshots/desktop_2.png "Desktop")

## Technologies used

* HTML

* [LessCSS](http://lesscss.org/ "LessCSS")

* JavaScript

* FetchAPI

* [RedditAPI](https://www.reddit.com/dev/api/ "Reddit API")

## Contribution

Just follow 4-spaces intendation and max 140 characters per line. Everything else should be written like here [Style Guide](https://github.com/bevacqua/js 

"bavacqua style guide"). If you want you can copy my [VSCode Editor Settings](.vscode "VSCode Editor Settings"). I use [Prettier VSCode Extension](https://marketplace.visualstudio.com/items?itemName=esbenp.prettier-vscode) for formatting code.

## To do

1. Redesign sidebar (with form inside)