Website is dedicated to the Second World War. It shows the most important information about
- battlefiedls
- forces
- WW II information
- Fallen in WW II
- compare powers
Website is create in a clear form where we can finde information in very easy and fast way. Charts are interactive and user can pick the most important for him data in clear simply way. Design of it is mixture of a news and dahsboard website. All in one clean page. User can jump to sections by hyperlinks. Links to external pages (wikipedia) for easy and fast access to additinal information. Fitted links to social media services.
- Please find Mokup images in mockup folder. (/world-war-ii-js/mockup/..)
- Site is styled
- Google Map API shows marker on map and hold popup windows with info. It's linked to geojson file that holds data
- Interactive charts, user can pick, in what data is interested and filter charts and data
- floating social media links on the side
- page and content is resizing to user view port size
- links to other pages
- clean one-page design for easy to read content
- HTML 5
- CSS
- JavaScript
- Bootstrap v3.3.7
- Fontawesome v5.4.1
- jQuery v3.3.1
- queue.js
- Crossfilter
- JSON
- d3.js
- dc.js
- charts.js
- Mockplus
- https://www.csvjson.com
- http://geojson.io
- https://snazzymaps.com/
- Manual tested by me and two other persons on PC with:
- Chrome,
- Opera,
- Mozilla
- Firefox
- Internet Explorer.
- Tested on diferent screen sizes.
- As well website was tested on 2 diferent android mobile phones: Samsung Galaxy S8 and Huawei Mate 20 Pro.
- Java Script code verified by https://jshint.com
- CSS code verified by https://jigsaw.w3.org
- HTML code verified by https://validator.w3.org
- Layout was created with bootstrap wireframe.
- Icons in project are loaded with Fontawesome library.
- Dashboards DC.JS library and chart.js library. All supported with jQuery and Java Script.
- Map uses Google API and data is lunched from geojson file.
- Hosted on github page.
- Published at https://chodar89.github.io/world-war-ii/
- Source of index text - https://en.wikipedia.org/wiki/World_War_II
- Battelfields informations are copied from wikipedia. Links to URL's that were used are in popup marker map windows or can be find in geojson file (/assets/data/map.geojson)
- Source of military data - https://en.wikipedia.org/wiki/Military_production_during_World_War_II
- Source of deaths in WW II - https://en.wikipedia.org/wiki/World_War_II_casualties
- Battelfields pictures are copied from wikipedia. Links to URL's that were used are in popup marker map windows
- Main soldier (Bratt Pit) picture is a poster from "Fury" movie. https://film.dziennik.pl/zdjecia/galeria/462806,1,fury-brad-pitt-prawie-jak-czterej-pancerni-pierwsze-zdjecia.html
- World War II is a big part of my history as my family take part in this. My grandparent stories about WW II times inspired me to create this website.