News Aggregator

A news aggregator with weather info

Live demo

Clone this repo to your local machine using https://github.com/00karthik/news-app

$ npm install
$ npm start

Used Ant Design as the UI Framework.
Responsive design.
The weather widget displays Temprature, Location and corresponding Icons for the current weather.
Sidebar is collapsed in mobile view by default.
Clicking on sidebar links automatically closes sidebar improving the UX of user navigation.
Loaders for API calls.
Automatically fetches browser language.
Fetches the Geo location to get weather data.
Automatically finds the country using wtfismyip.com and gets the news based on the country.
404 route for error URLs

Used state management using Context API to share language and sidebar collapse states to the main component from Header and Sidebar respectively.
Used Less for styling.
Used Geolocation API to get latitude and longitude.
Custom Hooks to call the APIs and track loading, success and error states and also to demonstrate its use.
Made all the logical components to individual React components.
Added react-router to routing. News search is done by passing search query as params to URL. This is done to implement the working of react router.
Used Axios instead of Fetch as Fetch is not supported by older browsers.
Added eslint to ensure the quality of the code.
Added Git pre commit hooks to linting the code.

$ npm run build