Países

A React app to search countries with a GraphQL API.

Demo

Motivation

A front-end challenge was the motivation for develop this project.

Installation

1. Install dependencies with yarn

yarn install

2. Run the project

Run with yarn and open http://localhost:3000 in your browser.

yarn start

Other Available Scripts

Develop, test and document components with Storybook.

yarn storybook

Visual testing with Cypress.

yarn cy:open

Format your code with Prettier.

yarn format

Find problems with ESLint.

yarn lint

Builds the app for production to the build folder.

yarn build

Analyzing the Bundle Size.

Note: You need to run yarn build before.

yarn analyze

References

• Graph countries
• Create React App
• Client (React) - Apollo GraphQL Docs
• REBASS - React primitive ui components
• styled-components
• Storybook: UI component explorer for frontend developers
• Cypress - JavaScript End to End Testing Framework
• Vercel - Develop. Preview. Ship. For the best frontend teams
• CircleCI: Continuous Integration and Delivery

License

Países is open-sourced software licensed under the MIT license.