PrabhanjanJois / Hacker-news-pagination-variant-1-cc

This is a Hacker news application built using Algolia API by React and TypeScript. Pagination is also been implemented in this application.

Home Page:https://ephemeral-beijinho-cc775e.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Assignment-3 Variant-1.

Hacker News with Pagination.

Hacker news application was given has the 3rd Assignment. I tried building on top of the existing application which was been taught while traning but faced some issues. So built a new app with minimal design. My main focus was on Pagination and Unit Testing.

Have deployed this application in Netlify
Click the link to open the application -> Link for Hacker news App
Variant 2 Git Repo Link -> Page with Infinte Scroller

This News app Displays Info

  • Title.
  • Url.
  • Created At.
  • Author.
  • Page Numbers At bottom.

Built using:

INSTALLATION/STEP-UP STEPS:

  • Install React in your Device.
  • Download the zip file of the project and extract.
  • Open in vs-code or other editor and choose the extracted file.
  • Run npm install in terminal (node modules will get installed).
  • Run npm start in terminal.

The application has is been included with tests and the components are been run with the tests. The snapshots of the tests are been uploaded in the SnapShots folder above.

Some of the SnapShots are as follows

Pic 1: Interface of Hacker News Screenshot (104) Pic 2: Pagination Interface Screenshot 2022-05-22 185022

Pic 2: Test Coverage Screenshot 2022-05-22 182913

About

This is a Hacker news application built using Algolia API by React and TypeScript. Pagination is also been implemented in this application.

https://ephemeral-beijinho-cc775e.netlify.app/


Languages

Language:TypeScript 90.8%Language:HTML 4.9%Language:CSS 3.5%Language:JavaScript 0.8%