Pinned Repositories
Carbon-DS
Design-System
Standard Design Architecture
fang-w-shen
FTris-Arena
✨ FTris-Arena is an online multiplayer game developed in an AngularJS Framework. The game platform is rendered completely in HTML and styled with CSS/SCSS.
Galaxcyclopedia-API
Galaxcyclopedia-API is a full Ruby on Rails Application with User Interface for API Documentation and File Sharing and RESTful API for Planetary Data Querying
Galaxy-VR
Galaxy-VR is a Virtual and Interactive Tour of the Solar System with 3D Modeling and Animations, Educational Data Presentation, and Virtual Representation of the Solar System and its Planets Rendered in React-VR
Pong-1v1-Unity
C# collision detection and game management logic.
Professional-Portfolio
Professional Portfolio of Projects | Publications | Deployed Products with Links to Live Sites, Github Source Code, LinkedIn, and Contact Info
SPA-Dynamic-Cards
Create an HTML page that contains a text area and a button labeled Create. When the user enters in text into the text area and then clicks the create button, create a new card element in the DOM that includes it's own delete button. You decide the height/width of the card. When the user clicks the Delete button, the containing card, and no other cards, should then be removed from the DOM. Not just made invisible, actually removed from the DOM.
Virtual-Portfolio
Virtual Links to Github, Professional Portfolio, and LinkedIn With 3D Modeling & Animation and Canvas Matrix Effect Rendered in React-VR
fang-w-shen's Repositories
fang-w-shen/SPA-Dynamic-Cards
Create an HTML page that contains a text area and a button labeled Create. When the user enters in text into the text area and then clicks the create button, create a new card element in the DOM that includes it's own delete button. You decide the height/width of the card. When the user clicks the Delete button, the containing card, and no other cards, should then be removed from the DOM. Not just made invisible, actually removed from the DOM.
fang-w-shen/Firebase-Boilerplate
CRUD app skeleton for attaching some awesome firebase interactions
fang-w-shen/Group-Hack-Jurassic-Theme-Park
SASS JQuery Grunt (with JSHINT) Promises Browserify Handlebars Grid, Firebase
fang-w-shen/Language-Translator-Text-to-Speech-Synthesis-XML-IIFE-API
XML-IIFE-Language-Translator
fang-w-shen/Modern-Javascript-Developer-ACME-Explosives
Used Bootstrap4, Promises, and JQuery AJAX to Load And Print From 3 JSON Files and Separately Add Dynamic Select Options and Event Listeners for Different Options With Corresponding Selection Highlights (Class Toggles)
fang-w-shen/Modern-Javascript-Developer-Jasmine-Examples-and-Unit-Math-Tests
Introduction to Jasmine Testing With Simple Mathematical Calculations
fang-w-shen/Modern-Javascript-Developer-Jasmine-Word-Checking-Test
Jasmine Text Checking UI (Checking how many words over 100, how many duplicates, and how many non-alphanumeric characters there are for any string literals)
fang-w-shen/Modern-Javascript-Developer-JQuery-Slideshow
Created NASA and FLICKR Carousel Using Bootstrap4 and JQuery $ajax/$getJSON
fang-w-shen/Modern-Javascript-Developer-Solar-System-Info
Used Bootstrap4, Grunt, and Browserify to Print Solar System Planets
fang-w-shen/Modern-Javascript-Devevloper-Sandwich-Maker
Browserified Sandwich Maker With GRUNT
fang-w-shen/Music-History
MP3 PLAYER In-Progress
fang-w-shen/Rezoome-Group-Hackathon-Resume-Builder
fang-w-shen/Rich-Browser-Application-Music-History
Used Firebase GET, POST, DELETE and JQuery: Quicksearch, Timeago and Bootstrap4 Layout/Modal and Grunt: Browserify, Handlebars, Partials and SASS
fang-w-shen/SPA-Chaining-Array-Methods
Method Chaining to Sort Remove Calculate and Output in Single Line Javascript
fang-w-shen/SPA-Group-Hack-Chat-Application
Chat Application
fang-w-shen/SPA-IIFE-XHRs-and-Callbacks
Extracting Info From JSON File
fang-w-shen/SPA-JSON-Pet-Food-Chart
Extracting JSON File Into Table Data Using XHR's
fang-w-shen/SPA-JSON-Seasonal-Sales
Extracted Data from 2 Separate JSON Files Using XHR's, Printed to DOM, and Changed DOM Prices with Select Options
fang-w-shen/SPA-Lambda-Expression-Calculator
Create an HTML file that has two input fields to accept the two numbers to perform operations on. Create 4 buttons to perform each of the basic mathematical functions (add, subtract, multiply, divide). In your JavaScript, put an event listener on each of the buttons. Copy the code below an implement a basic calculator. When the user performs one of the operations, output the result to another DOM element of your choice.
fang-w-shen/SPA-Milestone-Automobile-Department-XHR-ES6-BlockScope-Bootstrap4
XHR-ES6BlockScope-Bootstrap4-Printing JSON File to DOM and Utilizing Search Bar to Display Search Results in Selected Items Only
fang-w-shen/SPA-Random-Arrow
Random Arrow Generator
fang-w-shen/SPA-Sandwich-Maker-IIFE-Interface
Made a Sandwich Ordering Application Using IIFE's to Record and Update Order Price and Item List
fang-w-shen/SPA-Solar-System
Used ForEach, Map, Filter, and Reduce to Print Elements of Array
fang-w-shen/SPA-String-Manipulation
Used REGEX to Match Pattern
fang-w-shen/SPA-The-Guinea-Pig
There is sample HTML file content below so create an index.html for it and place the content in the body tag. Link in a JavaScript file named events.js. Link in a CSS file named events.css. You'll be using element.classList to manipulate the CSS classes on elements. ✏️ Output target is the output-target element. When any section is clicked the output target text should be "You clicked on the {text of the section} section" When the mouse is over the h1 tag, the output element should contain the text "You moved your mouse over the header". When the mouse leaves the h1 tag, the output element should contain the text "You left me!!". When you type characters into the input field, the output element should mirror the text in the input field. When you click the "Add color" button, the guinea-pig element's text color should change to blue. When you click the "Hulkify" button, the guinea-pig element's font size should become much larger. When you click the "Capture it" button, the guinea-pig element should have a border added to it. When you click the "Rounded" button, the guinea-pig element's border should become rounded. The first section's text should be bold. The last section's text should be bold and italicized. Make the buttons stop appearing next to each other as inline elements. Change them into block elements.
fang-w-shen/SPA-Walk-a-Thon-Donation-Form-ES6-Block-Modules-Bootstrap4
ES6-Block-Modules-Bootstrap4
fang-w-shen/SPA-What-You-See-Is-What-You-Get
Text Editor With Dynamic Text Input Reader
fang-w-shen/Static-Web-Team-Challenge-2
Dynamic Box W/ Reveal Color Form
fang-w-shen/Static-Web-Team-Challenge-3
An Animated Box W/ Timer
fang-w-shen/Static-Web-Team-Challenge-4
Tic-Tac-Toe