A side project to develop a pretty HackerNews Feed. check out the live version : hacker-feed
Are you bored with the amazing interface of HackerNews Feed? I was too (not saying that the classic UI is not good). Here I present you a materialized HackerNews Feed using materialize css and React. I am soon thinking of adding user login function so that users can save their favorite stories.
I have used HackerNews API to query the stories, you can check it out here.
Travis CI is running in behind the scenes to make my life easier to publish the live-minified version of this site. I used create-react-app to get the react boilerplate but I had a lot of trouble in configuring the test suit and other stuff so I have decide to use my own react boilerplate from the next time.
brace yourselves for a pretty long snap of hacker-feed.
-
public
this is the folder where our main index.html resides.
-
src
this is where all the react code lingers
-
actions
helper functions to make my life easier setting up redux states
-
componets
various react components that need to rendered, reside here
-
reducers
our state reduce which works night and day lives in this folder
-
store
file to configure redux store, setup reducer, is kept here
-
style
this folder prettifies our react components
-
test
out test suite resides here
-
index.js : this is our entry point to the react app
-
- clone this repo using
git clone
yarn start
to host it on local serveryarn test
to start testing
- fork this repo
- make changes, fix bugs, implement new features
- make a pull request