Sriharshak95 / newsapp

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

NewsApp

A user-friendly news application built on React and TypeScript.

Installation and Setup Instructions

Example:

Clone down this repository. You will need node and npm installed globally on your machine.

Installation:

npm install

To Start Server:

npm start

To Visit App:

localhost:3000

Project Description

  • The application is built using React Functional components, hooks and TypeScript Interfaces.
  • The application has two routes routes\home and routes\detail that presents newsfeed and detail of individual news respectively.
  • The application is based on various design principles such as every component serves a single functionality and DRY principle.
  • The application is built with modern JS features like spread operators, async/await and arrow functions.
  • Pull-to-Refresh feature on the news feed page to get latest updates on news.

API used

newsapi

Packages Used

  • momentJs - used this library to format the published date of the news.
  • react-router - used this library to create and specify the routes to navigate between the home and detail page.
  • material-ui - used this library to create a responsive design for the app.
  • pull-to-refresh - used this library to update the newsfeed on a screen drag event.

About


Languages

Language:TypeScript 70.7%Language:CSS 18.4%Language:HTML 10.9%