Welcome to Instanews App!

Instruction:

Use any internet browser to open index.html

Description:

InstaNews is a one-page responsive website that shows different categories of news upon user selected. It displays 12 news article per section showing a brief intro about each news and on click it refers to the NewYork Times website for full content. This webpage accommodates for mobile, tablet and desktop. Getting data from NewYork times' API fetching with ajax. CSS transition makes it beautiful.

Technologies applied:

The following technologies were implemented to developing the one page responsive news website:-

1. HTML
2. CSS
3. JavaScript
4. JQuery
5. SASS
6. Git/Github
7. Command Line
8. GULP
9. API
10. Ajax
11. eslint
12. npm

Personalized Project-Based Learnings:

1. GULP is efficient in assisting in automated tasks enabling efficiency with less code
2. Applying Sass syntax with media queries
3. Creating elements dynamically and applying CSS using jQuery
4. Making api request and fetch data

Screenshots of Responsive Instanews

Message Input

This is News Portal Website. I used HTML, CSS and Javascript, jQuery, ajax, APIs, Gulp and SASS/SCSS.

This webpage is fully compatable across all browsers and devices.

Mobile

Tablet

Desktop