https://github.com/abimh66/rest-countries

Countries App yang menampilkan data dan informasi 250 negara
https://github.com/abimh66/rest-countries

tailwindcss vue

Last synced: about 15 hours ago
JSON representation

Countries App yang menampilkan data dan informasi 250 negara

• Host: GitHub
• URL: https://github.com/abimh66/rest-countries
• Owner: abimh66
• Created: 2024-02-10T11:59:08.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-02-10T12:54:54.000Z (9 months ago)
• Last Synced: 2024-02-10T16:46:40.206Z (9 months ago)
• Topics: tailwindcss, vue
• Language: Vue
• Homepage: https://rest-countries-abimh66.netlify.app/
• Size: 268 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# REST Countries API with Color Theme Switcher

Project ini berdasarkan pada challenge di Frontend Mentor [REST Countries API with Color Theme Switcher](https://www.frontendmentor.io/challenges/rest-countries-api-with-color-theme-switcher-5cacc469fec04111f7b848ca/hub).

## Daftar Isi

- [Overview](#overview)

  - [Penjelasan Project](#the-challenge)

  - [Screenshot](#screenshot)

  - [Links](#links)

- [Proses](#proses)

  - [Stack yang digunakan](#stack-yang-digunakan)

  - [Resources](#resources)

- [Author](#author)

## Overview

### Penjelasan Project

Pada project ini saya membangun Countries App yang menampilkan data dan informasi 250 negara. Data diambil dari [REST Countries API](https://restcountries.com/).

Fokus utama pada project ini adalah membuat tampilan semirip mungkin dengan desain yang diberikan oleh Frontend Mentor.

### Screenshot

**Tampilan Desktop**

![Tampilan Desktop](./screenshot/screenshot-desktop.png)

![Tampilan Desktop](./screenshot/screenshot-desktop-dark.png)

**Tampilan Mobile**


![Tampilan Mobile](./screenshot/screenshot-mobile-dark.png)

### Links

- Solution URL: [Solution Code](https://github.com/abimh66/rest-countries)

- Live Site URL: [Live Site](https://rest-countries-abimh66.netlify.app/)

## Proses

### Stack yang digunakan

- Vue

- Vue Router

- [VueUse](https://vueuse.org/)

- [Tailwind CSS](https://tailwindcss.com/)

- Flexbox

- Mobile-first workflow

### Resources

- [Vue Documentation](https://vuejs.org/)

- [Tailwind CSS Documentation](https://tailwindcss.com/docs/installation)

- [Mozilla MDN JavaScript Documentation](https://developer.mozilla.org/en-US/docs/Web/JavaScript)

## Author

- Frontend Mentor - [@abimh66](https://www.frontendmentor.io/profile/abimh66)

- Codewars - [@abimh66](https://www.codewars.com/users/abimh66)

- Twitter - [@abimhrdnt](https://www.twitter.com/abimhrdnt)