Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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: about 1 month 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 (about 4 years ago)
- Default Branch: main
- Last Pushed: 2021-01-02T01:37:31.000Z (almost 4 years ago)
- Last Synced: 2024-10-19T14:57:19.878Z (2 months 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)