GustavoMatsunaga / countriesList

This project was build to show countries in the world. It shows what languages the country speaks.

Home Page:https://gustavomatsunaga.github.io/countriesList/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Welcome! πŸ‘‹

Language count badge Code size badge Code last commit

This project was build to show countries in the world. It shows what languages the country speaks.
It was built by consuming the API.
You can checkout the demo here : To Do List

Challenges! πŸ“Œ

The application was developed by consuming an API. It generates all the countries and displays their names, flags, and languages, you can filter them, mark as favorite, filter only the favorites, filter by name. In order to achieve the features, it was used ES6 to make the application more efficient. The whole application is responsive, so you either use it on a mobile or desktop.

Features! Let's have fun! πŸš€

- [x] API consuming.
- [x] DOM manipulation.
- [x] Generates the countries by using Javascript with the API consumed.
- [x] View the optimal layout for the component depending on their device's screen size (Responsive Web Design)</li>
- [x] Filtering by the amount of languages the country speaks.
- [x] Filter by name.
- [x] Mark as favorite and display them.
- [x] Display the favorites with the amount of languages selected.

Technologies! πŸ’»

  • HTML
  • SASS
  • JAVASCRIPT

Web Model

Model

Gif preview for the desktop Color Mark

Desktop

Gif preview for the desktop Color Mark

Mobile

Credits 🌟

Designed by Gustavo Matsunaga! :octocat:

πŸ’Ž Linkedin

πŸ“« Gustavo Matsunaga

About

This project was build to show countries in the world. It shows what languages the country speaks.

https://gustavomatsunaga.github.io/countriesList/


Languages

Language:SCSS 40.2%Language:JavaScript 36.7%Language:HTML 23.1%