/react-pager

This is the first time I use ReactJS

Primary LanguageJavaScript

react-pager

A website listing news with a server-side pagination. One page contains 15 news items. You can navigate from one page to another, and it will get the next 15 news without the whole page reloading. You can search through the news. The search is dynamic.

Implemented

  • Pagination without refreshing of the entire page
  • Dynamic search with pagination
  • NoSQL database (MongoDB)
  • Authorization/Registration via OAuth2.0
  • You can add/update/delete news
  • You can do updating/deleting only if you're an admin
  • Fully adaptive

Not implemented

  • Back-end using Golang (Used Node.js instead)

Screenshots

regform

appview

pagination

mob_pagination

update_news

notifications

Installation

Just clone the repository and use npm to install dependencies. You need mongodb installed in order to be able to run the application. For test data to generate just use following command:

$ npm run generate-test-data

It will generate you about 100 news items to work with.

Technoligies

Node.js (Express.js) MongoDB (Mongoose.js) ReactJS Webpack Stylus