World Map / countries

📍 This project was created based on Hwk API

📍 Open sabovyan.github.io/countries/ to view it in the browser.

Stack

• HTML

  • Metatags
  • Open Graph tags
  • twitter cards
  • Semantic tags

• Style

  • CSS grid
  • flexbox
  • media queries
  • BEM methodology
  • postcss autoprefixer

• Functionality

  • vanilla JavaScript
  • D3 js

• Bundler and additional tools

  • Parcel
  • topojson
  • JSDocs
  • jsdoc-to-markdown
  • eslint
  • gh-pages
  • facebook debugger
  • twitter card validator

Pages

• 📍login / registration page
• 📍 map / table
• 📍 favorites

login / registration page

I have tried to use browser's alert and conform function I think that there is no need to create additional alert messages. I hope that I have used them not only properly, but also this implementation will be user-friendly. Also you will find some basic validation

📍 map / table¹

Map was created with D3 js and topojson for the table I have used rest countries API.

📍 favorites

all the cards that have got yellow stars will appear in this page you will also be able to delete them dynamically without reloading the page

^1* Table is nominal name. Don't look for any actual connection between real tables and mine. it just represents all of the cards that are created in the table section.