Election Map App

Table of Content

• About the Project
• Live Version
• Built with
• Prerequisites
• Next Releases
• Contribution Rules
• Contact

About the Project

An interactive and responsive web app which generates & displays total & provincial election result using the DOM & a third-party map template.

Live Version

Check out the live version here.

Built with

• JavaScript & WebAPI
• HTML
• CSS
• Git
• GitHub
• Terminal
• Chrome DevTool
• Firefox DevTool
• Responsive Styling
• Interactive Coding
• Visual Studio Code
• Cross-Browser Testing
• Debugging Techniques

Prerequisites

Minimum recommended technical knowledge prior to rebuilding the project:

• HTML
  • basic knowledge
  • viewport meta tag
  • linking external css & js files including third-party files
  • table element
• CSS
  • basic knowledge
  • -webkit & -moz
  • position & display properties
  • responsive css units
  • media queries
• JavaScript & WebAPI
  • DOM & DOM methods
  • arrow functions
  • JS classes
  • class constructors & methods
  • this, return & let keywords
  • if statement
  • switch
  • for loop
  • Math object & Math object methods
• Chrome DevTool
  • console
  • sources
  • toggle device toolbar
  • elements
• Extras
  • Getting comfortable with reading and understanding third-party codes

Next Releases

• v2.0
  • moving inline onload function from the body tag to the main.js file
  • replacing political names with color names
  • hover and click effect for touch devices
  • using css variables
  • checking flexbox gap property for safari compatibility issues
  • further quality control for small devices and big screens

Contribution Rules

• Before a pull request, please run cross-browsing tests first and make sure the changes have not created any bug.
• The project indentation is set to 4 spaces.
• Have fun and let me know of any suggestion for improvement.

Contact

Email | Portfolio | GitHub | Dev.to | LinkedIn
Stack Overflow | Twitter | YouTube | Instagram | Facebook