Nathan Waterman's repositories
Angular-JSON-dataMap
Uses a REST service call to read in two data points. Loop through both data points. place section from first service call based on ng-repeat. Loop second service call and place corresponding content based on matching IDs then ng-repeat
Angular-loop-key-to-value
looping through a RESTful service call with Angular and ng-repeat the data based on the key and value
angular-XML-JSON-map
Uses a REST service call to read in two data points in XML. Since XML does not work well with Angular Data Binding, the XML is pasred to JSON using https://dzone.com/articles/convert-xml-to-json-in-angular-js (xmltojson.js). The syntax and data looping is similar, but the data points and name space is different
Angular2-employee-tutorial
Angular2 tutorial test site with an NPM server setup. (HTML, CSS, Typescript, D3.js) Routing and Navigation, using a service, fetching data via HTTP RESTful service calls, importing D3.js, This basic site will display a list of employees and filter out each employee's relevant information based on which employee (or the ID associated to the employee) is clicked on.
cmdLine-node-api-app
CMD line back-end Node web development process using a weather API with API key
EAN_init
Simple Angular/Express/Node init project for prototyping. Did not add a DB connection (when updated with a DB connection. I will update the description)
gitHub_profileFinder
Awesome little GitHub profile Finder App - tutorial from Brad Traversy (https://github.com/bradtraversy). Uses all modern JavaScript core techniques & practices es6, es7, OOP, Fetch API, github Oauth, github API
Ionic-HTML5-Hybrid-Application
Ionic is an HTML5 mobile app development framework targeted at building hybrid mobile apps. Hybrid apps are essentially small websites running in a browser shell in an app that have access to the native iOS or Android platform layer
JavaScript-Form-Validation
Multi-level Form validation - Custom JS and http://parsleyjs.org/ along with using Handlebars templating
KeywordSearch
javaScript keyword search
LoginScript
login script for password protection
news-app
Tutorial - Building a News Application with Angular 6 and Material Design
PHP_User_Auth
User Authentication Login using PHP and a htaccess file
react-context
Refactoring the Stock Market ReactJS Demo using React Hooks and the React Context API
react-d3-line-chart
Creating a d3 https://d3js.org/ with ReactJS line chart with stock market data
SassTutorial
Learning How to use SASS
simple-Gulp-setup
A simple Gulp Node.js task runner along with Handlebars
Stock-Market-React-Demo
Creating a SPA with stock market data from https://iexcloud.io. each component will have individual data pertaining to a specific stock
typescript-basics-src
TypeScript Basics. Our comprehensive introduction to static types in JavaScript.
webpack4-DevelopmentEnv
a custom development Environment Utilizing Webpack4-CLI - set up to absorb an API endpoint with Express.JS. This Environment uses a web component based architecture with Node/ES6/TypeScript
webpack4-SCSStoCSS-compiler
simple node webpack SCSS to CSS compiler
website_portfolio
my personal website portfolio
wheelScript
animated wheel script
XML-Data-Map
Mapping XML data and append. Data pull variables are determined based on the environment (local, test, development, production)