https://github.com/djordjevujatovic/instanews-project

https://github.com/djordjevujatovic/instanews-project

gulp html javascript jquery mobile-first rest-api scss

Last synced: 16 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/djordjevujatovic/instanews-project
• Owner: DjordjeVujatovic
• Created: 2016-10-18T05:35:47.000Z (over 8 years ago)
• Default Branch: master
• Last Pushed: 2017-07-10T22:42:48.000Z (over 7 years ago)
• Last Synced: 2025-01-09T03:33:40.678Z (16 days ago)
• Topics: gulp, html, javascript, jquery, mobile-first, rest-api, scss
• Language: CSS
• Homepage: https://djordjevujatovic.github.io/Instanews-Project/
• Size: 1.55 MB
• Stars: 0
• Watchers: 1
• Forks: 1
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
![Alt text](/instanews-screenshot.png)

# Project 2 - New York Times API App - Instanews

https://djordjevujatovic.github.io/Instanews-Project/

## Summary

Instanews allows users to instantly retreive the top 12 news articles from any particular selected category. 

## Languages and Tools Used

	* HTML5 

	* CSS3 (Flexbox, media queries)

	* SCSS (variables, @mixins, @extends, partials)

	* JavaScript 

	* JQuery

	* AJAX

	* API's

	* Mobile first approach to coding & design (RWD)

	* Gulp

## Learning Outcomes

The Instanews project allowed me to learn and sharpen a multitude of newly aquired skills. The use of Gulp as a task runner for my project allowed me to: run BroswerSync, lint JavaScript files, compile SCSS files into a style.css file, minify my CSS and JavaScript files, and last but not least notify me of any errors made, with messages in my terminal. Additionally, I learned how to pull, parse, and populate content with data that was received from an external web API. Finally, the use of SCSS allowed me to keep a more logically organized style folder using partials, in addition to using @mixins, @extends, as well as simple and logical variables.