Dibiase93 / project-3

Home Page:https://tenzyy.github.io/project-3/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

#Project 3- INSTANEWS ##Description: Responsive web design using mobile first strategy and pulling required data from New York Times API. Also contains a built folder containg compiled JS and CSS

HTML
containing two svgs: Logo & loader
selector and copyright information

CSS/SCSS


-first time using SASS, project contains nesting method
-Css stylesheet using mobile first.
-Tablet @ (min-width 600px)
-Desktop @(min-width 1000px)
-text transform for news articles on hover

JQUERY
-getting data from NYT using AJAX 'GET' method.
-if else statement for loader svg to hide/show
-only selected category will appear on page
-fail function incase of any errors loading data

NOTES


Have to refresh webpage few times to load the right format
Had challenges making sure the inital pages were responsive "loader" svg found online from 'http://freepreloaders.com/'


Satisfied with project but definitely want to add more animation on images of articles.

About

https://tenzyy.github.io/project-3/


Languages

Language:CSS 83.1%Language:JavaScript 10.9%Language:HTML 6.0%