https://github.com/vigzmv/reddit-gallery

#useThePlatform. Reddit reader made with Web components and JavaScript magic
https://github.com/vigzmv/reddit-gallery

javascript reddit usetheplatform web-components

Last synced: 3 months ago
JSON representation

#useThePlatform. Reddit reader made with Web components and JavaScript magic

• Host: GitHub
• URL: https://github.com/vigzmv/reddit-gallery
• Owner: vigzmv
• License: mit
• Created: 2018-06-18T13:53:53.000Z (about 8 years ago)
• Default Branch: master
• Last Pushed: 2018-07-01T07:26:51.000Z (about 8 years ago)
• Last Synced: 2025-06-02T05:14:08.450Z (about 1 year ago)
• Topics: javascript, reddit, usetheplatform, web-components
• Language: HTML
• Homepage: https://vigzmv.github.io/reddit-gallery/
• Size: 1.65 MB
• Stars: 2
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# Reddit Gallery

[#useThePlatform](https://twitter.com/search?q=%23usetheplatform&lang=en)

[![Open Source Love](https://badges.frapsoft.com/os/v2/open-source.svg?v=102)](https://github.com/vigzmv/reddit_gallery)

  

[![license](https://img.shields.io/github/license/mashape/apistatus.svg)](https://github.com/vigzmv/reddit_gallery)

  

[![contributions welcome](https://img.shields.io/badge/contributions-welcome-brightgreen.svg?style=flat)](https://github.com/vigzmv/reddit_gallery)

Built Using:

- [Web Components](https://developers.google.com/web/fundamentals/web-components/)

- JavaScript Magic

- Reddit API

![Welcome Screen](./screenshot.png)

## Search form inputs

- Subreddits: Comma separated subreddits

- Search: search tags to narrow results

- Time Period: time range of posts

## Features

- Infinite scrolling with loading of more posts

- Fetch multiple subreddits async

- Cache each search result data locally for 5 minutes

- PaceJs for loading indicator

## Live Demo

Check out the live demo here: [vigneshm.com/reddit-gallery](https://vigneshm.com/reddit-gallery/)

## Run the App

#### Install the dependencies:

```sh

npm install

```

#### Run the development server:

```sh

npm start

```

Using parcel bundler for bundling and dev server. 


Runs the app in the development mode.
 Open

[http://localhost:1234](http://localhost:1234) to view it in the browser.

The page will reload if you make edits.


### Build the app for production:

```sh

npm run build

```

Builds the app for production to the `docs` folder.


## Contribute ?

- Fork the repository

- Commit your changes

- Submit a pull request

## Licence

[MIT Licence](https://github.com/vigzmv/reddit-gallery/blob/master/LICENSE) ©

[Vignesh M](https://vigneshm.com)