Open index.html on any internet browser to view the one page responsive website
A one-page responsive news website allowing users to filter top news story categories via New York Times API. The website provides different news category catering to the users preferred interests of news. It display twelve news articles for users to select, upon selecting the news the link directs the user to the desired choice.
The website accomodates to mobile and tablet devices using a Responsive Web Design approach allowing easy navigation across all devices. The project fetches data from NY Times using ajax requests directed at their API. A combination of various programming languages such as HTML, SASS, CSS, Javascript & JQuery enables the website to provide content, apply styling to HTML elements and create content dynamically and having the ability to control multimedia.
The following technologies were applied in building and delivering the one page responsive news website:-
- HTML, CSS, JavaScript & JQuery
- .estlintrc
- NPM
- SASS
- Git/Github
- Command Line
- GULP
- API
- jQuery's Ajax Method
- Ajax requests are initiated by JavaScript
- Using SASS syntax
- Acknowledging that Gulp provides an efficient platform in repetitive tasks ie. refreshes browser when file is saved & bundling and minifying libraries and stylesheets
- Changing CSS properties on elements using Jquery
Mobile
Tablet
Desktop