Dynamic Salary Data with JS

Foreword

Demonstrating design best practices with 'separation-of-concern' (SoC) techniques to dynamically render salary data via user input with JavaScript.
Report Bug · Request Feature

Table of Contents

• Dynamic Salary Data with JS
  • Table of Contents
  • About
  • Prerequisites
  • Getting started
  • License

About

This repository features a simple web application that dynamically renders salary data from a small dataset. It demonstrates Separation of Concerns (SoC) via distict features in the modules folder. SoC is a design principle that manages complexity by partitioning a computer program into distinct features that overlap in functionality as little as possible.

Prerequisites

To start, you need to have Visual Studio Code downloaded on your machine. You should have it installed along with the live server extension to enable a local development server with live reload features for static & dynamic pages. Without it you will run into CORS issues. Modules only work via HTTP(S) protocols imports. For more information reference this post on Stack Overflow.

Getting started

Git clone this repository to your local machine. This will give you access to all the files. Open the project folder on VS Code. With the live server extension installed, start your local development server. This can be done by launching the command palette ctrl + shift + p and executing the Live Server: Open with Live Server command. The webpage will render via index.html and display data for salary based on role and company inputs as shown below.

License

Distributed under the MIT License. See LICENSE for more information.