An open API service indexing awesome lists of open source software.

https://github.com/thiagoloschi/reddit-viewer

Reddit light viewer
https://github.com/thiagoloschi/reddit-viewer

es6 infinite-scroll react reddit redux styled-components webpack

Last synced: 2 months ago
JSON representation

Reddit light viewer

Awesome Lists containing this project

README

          

# Reddit Light Viewer

1. [Description](#description)
2. [Technologies](#technologies)
3. [Development](#development)
4. [Running Locally](#running-locally)
5. [Live Demo](#live-demo)
6. [Screenshots](#screenshots)

### Description
This is a light viewer for reddit, where you can look for a subreddit and see related content on a list of posts. Posts are clickable and will open the websites in a new tab. The ideia in the future is to have an iframe like to display the website in the same tab. As it is a Progressive Web App, it can be installed to mobile devices right to their home screen, where it will behave just like a regular native app.


### Technologies
PWA, React, Redux, Webpack, Nodejs, Styled-components, Jest, Enzyme.


### Development
Please refer to the [Pull requests](https://github.com/thiagoloschi/reddit-viewer/issues?q=is%3Apr+is%3Aclosed) section for a full coding documentation.


### Running locally
To run the project locally, first install the dependencies:
```node
npm install
```

Then, to run it in develop mode do:
```node
npm run start
```

You can also run it in production mode with:
```node
npm run start:production
```

If you want to run tests, enter:
```node
npm run test
```


### Live Demo
You'll be able to see a [live demo](https://reddit-light-viewer.herokuapp.com/) of the application at Heroku: https://reddit-light-viewer.herokuapp.com/.


### Screenshots

**Screencast**

![final](https://user-images.githubusercontent.com/10034981/51113147-34f78900-17e8-11e9-9078-47e41714a4ec.gif)


**Desktop**

![image](https://user-images.githubusercontent.com/10034981/51096097-099d7b80-17a1-11e9-9d88-e4485f76a219.png)


**Mobile**

![image](https://user-images.githubusercontent.com/10034981/51096081-d9ee7380-17a0-11e9-85e7-d64c7fab78ff.png)