Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/cemwebdev/country-guide
https://github.com/cemwebdev/country-guide
api-rest countries-api custom-styling frontend html javascript javascript-applications javascript-es6 javascript-project tailwind vanilla-javascript web-development
Last synced: 29 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/cemwebdev/country-guide
- Owner: CemWebDev
- Created: 2024-08-22T14:47:31.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2024-08-30T09:25:13.000Z (2 months ago)
- Last Synced: 2024-10-10T11:44:24.025Z (29 days ago)
- Topics: api-rest, countries-api, custom-styling, frontend, html, javascript, javascript-applications, javascript-es6, javascript-project, tailwind, vanilla-javascript, web-development
- Language: JavaScript
- Homepage: https://66c9d49237ef60e0db569e19--polite-sundae-30bcfd.netlify.app/
- Size: 269 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# country-guide
This project is a Country Guide developed using Tailwind CSS and Vanilla JavaScript. This application allows users to access basic information about countries.
## Features
- List of country information
- View detailed information about each country
- Search and filter functionality
- Modern and responsive design
## Screenshots
### Tablet Preview
### Mobile Preview
## Technologies
- Tailwind CSS
- HTML
- Vanilla JavaScript
## Installation
### Prerequisites
Make sure you have Node.js and npm (or yarn) installed on your computer.
### Installation Steps
1. Clone this repository:
```bash
git clone https://github.com/CemWebDev/country-guide.git
```
2. Navigate into the project directory:
```bash
cd country-guide
```
3. Install the necessary dependencies:
```bash
npm install
```
4. For Tailwind CSS setup and customization, refer to the [Tailwind CSS Documentation](https://tailwindcss.com/docs) for detailed information on configuration and usage.
## Usage
1. The home page lists countries.
2. You can search for a country by typing its name into the search bar.
3. Click on a country to view detailed inf
## Contributing
Fell free to contribute by creating issues or pull requests. Your contributions are welcome!