/countries

Web App, React, Context API, Styled Components, Filter, Themes, Rest API, Mobile.

Primary LanguageJavaScript

Countries

Summary

Description

This project proposal consists in to develop an UI consuming an API that send a list of countries, in which the user can search and filter them by region. By clicking on the country card, the user will can see all its details. The UI must to be responsive and to have a theme switcher.

This application structure is based on Atomic Design using React.V16.3.

This structure takes into account scalability and maintainability. The frameworks and tools which were used allow it to be improved and optimized maintaining an organized and reusable code.

Alt text

Installation

First of all, install the project dependencies by running the following command into your terminal:

npm install

Now, start the development server:

npm run start

After running, your default browser will open the application into an available port. Normally on http://localhost:3000. The browser automatically updates as you save the changes.

Technologies

API

Get the REST Countries API on this link.

UI

See the Marvel project on the following links: Desktop Mobile

Author

Italo Pereira.

Contact me on my LinkedIn Profile.