Giter Club home page Giter Club logo

reackernews's Introduction

ReackerNews

Project Overview

Reackernews is a Hackernews Clone project using ReactJS as UI Framework. This project was bootstrapped with Create React App. This project fetching data from Hackernews API

Packages

  • ReactJS (Framework)
  • React Router (For easy navigating page)
  • React Bootstrap (React UI Component base on bootstrap 4)
  • Axios (HTTP Client request for fetching data)
  • url (url string parser)

Folder Structure

reackernews/
  public/
    favicon.ico
    index.html
    logo192.png
    logo512.png
    manifest.json
    robots.txt
  src/
    components/
      Comment.js
      Comments.js
      Header.js
      Link.js
      Loader.js
      Story.js
    hooks/
      storiesFetcher.js
      storyFetcher.js
      userFetcher.js
    pages/
      Home.js
      PageNotFound.js
      ShowStories.js
      StoryDetail.js
      UserDetail.js
    router/
      AppRouter.js
    utils
      apis.js
      helper.js
    index.css
    index.js
    logo.svg
    reportWebVitals.js
    setupTests.js
  .gitignore
  package.json
  README.md
  yarn.lock

Feature

  • Display Top Stories
  • Display New Stories
  • Display Best Stories
  • Display Ask Stories
  • Display Show Stories
  • Display Job Stories
  • Display User Detail
  • Display Story Detail
  • Pagination

Build Setup

Requires Node.js 12+

# if you dont have yarn, first install yarn
npm install -g yarn

# install dependencies
yarn

# serve in dev mode on local machine
yarn start

# build for production
yarn build

License

MIT

reackernews's People

Contributors

geger009 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.