Code Monkey home page Code Monkey logo

hacker-feed's Introduction

hacker-feed

Build Status

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. hacker-snap

file-structure info

  • 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

get up and runnin

  1. clone this repo using git clone
  2. yarn start to host it on local server
  3. yarn test to start testing

contribute

  1. fork this repo
  2. make changes, fix bugs, implement new features
  3. make a pull request

hacker-feed's People

Contributors

skywalker212 avatar

Watchers

 avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.