https://github.com/jonathanfunk/griddit
Web application that displays Reddit posts in a grid using Reddit API.
https://github.com/jonathanfunk/griddit
es6 javascript react reddit-api redux
Last synced: 2 months ago
JSON representation
Web application that displays Reddit posts in a grid using Reddit API.
- Host: GitHub
- URL: https://github.com/jonathanfunk/griddit
- Owner: jonathanfunk
- Created: 2017-04-20T19:40:45.000Z (about 9 years ago)
- Default Branch: master
- Last Pushed: 2017-05-16T16:34:51.000Z (about 9 years ago)
- Last Synced: 2023-03-08T16:41:22.777Z (over 3 years ago)
- Topics: es6, javascript, react, reddit-api, redux
- Language: JavaScript
- Homepage: https://jonathanfunk.github.io/griddit/
- Size: 1.19 MB
- Stars: 1
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Griddit
======
## Project
Single page web application that displays top subreddit posts in a grid using Reddit API. Users have control over what subreddit they wish to display.
## Technology
* Visual Studio Code Text Editor
* Webpack
* React
* Redux
* Javascript/JSX
* Command Line Interface
* Git/Github
## Learning Experience
Ever since I worked on my Instanews Project where I make API calls to New York Times, I wanted to achieve the same effect using Reddit API. This time I chose to work with React. I called Reddit API using Redux Thunk and Redux to create actions such as request posts, receive posts & invalidate.
Because the images differ in size, I wanted my posts to display the same way Pinterest does. To achieve this, I used column styles which is something I never used before. I am very happy with the results. Working on this project with React made me realize how fast the library is changing. Just a few weeks ago, I used the React.PropTypes helper but this time it prompted me to use the prop-types library from NPM.
This is a good start for this project. After looking at the API's different response types, I have ideas for more features I would like to implement in the future.