https://github.com/anhtungbui/angular-graphql-first-app
🌎 My first toy project built with Angular & GraphQL
https://github.com/anhtungbui/angular-graphql-first-app
angular apollo-client graphql material-design rxjs typescript
Last synced: 2 months ago
JSON representation
🌎 My first toy project built with Angular & GraphQL
- Host: GitHub
- URL: https://github.com/anhtungbui/angular-graphql-first-app
- Owner: anhtungbui
- Created: 2021-03-02T15:50:42.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2021-03-03T09:52:13.000Z (over 5 years ago)
- Last Synced: 2025-03-23T01:43:35.694Z (about 1 year ago)
- Topics: angular, apollo-client, graphql, material-design, rxjs, typescript
- Language: TypeScript
- Homepage: https://countries.anhtungbui.com/
- Size: 202 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🌎 Countries GraphQL & Angular
My first toy project built with GraphQL & Angular
## [🔗 Live Demo](https://angular-graphql-countries.netlify.app)
## Technologies
Angular with Material Design, TypeScript, RxJS & GraphQL with Apollo-Angular Client
## Features
Using the [Countries Graphql API](https://github.com/trevorblades/countries) via `https://countries.trevorblades.com/`, the app can:
- Render a list of 250 countries
- Display the flag of the country
- Name of the country and its capital
- List of language(s) spoken in the country
- Search for capital and language(s) spoken in a country by its name
- Extra: select 2 languages from the list and open Google Translate in a new tab with languages preselected for translation
## Developed by
[Anh Tung Bui](https://anhtung.bui.com)