Global Countries

This is a simple project that uses the TrevorBlades GraphQL Countries to display a list of countries and their details.

It was based on Rebase's React iniative, designed to help their developers improve their front-end skills.

Features

• Display a list of countries
• Search for a country by country name or country capital name
• View a country's details such as its flag, capital and languages spoken.

Technologies Used

• React for the front-end
• Apollo Client for GraphQL queries
• Tailwind CSS for styling
• Cypress for end-to-end testing
• ESLint for code linting

How to run the project

1. Clone the repository
2. Run npm install to install the dependencies
3. Run npm run dev to start the development server
4. Open http://localhost:3000 to view it in the browser.

How to run the tests

1. Run npm run cy:run to run the tests
2. Run npm run cy:open to open the Cypress test runner GUI