https://github.com/nureddinhaji/around-the-world
Around The World is a React application that displays information about countries around the world. It uses the REST Countries API to fetch data and provides features like search, filter, and theme switching.
https://github.com/nureddinhaji/around-the-world
countries-api react-router reactjs tailwindcss vite
Last synced: 2 months ago
JSON representation
Around The World is a React application that displays information about countries around the world. It uses the REST Countries API to fetch data and provides features like search, filter, and theme switching.
- Host: GitHub
- URL: https://github.com/nureddinhaji/around-the-world
- Owner: nureddinhaji
- Created: 2025-01-16T12:30:16.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-02-18T20:42:25.000Z (over 1 year ago)
- Last Synced: 2025-02-18T21:36:21.859Z (over 1 year ago)
- Topics: countries-api, react-router, reactjs, tailwindcss, vite
- Language: JavaScript
- Homepage: https://around-the-world-beta-sable.vercel.app
- Size: 134 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Around The World
Around The World is a React application that displays information about countries around the world. It uses the REST Countries API to fetch data and provides features like search, filter, and theme switching.
## Features
- Search: Search for countries by name.
- Filter: Filter countries by region.
- Theme Switcher: Toggle between light and dark themes.
- Responsive Design: Optimized for various screen sizes.
## Technologies Used
- **React**: A JavaScript library for building user interfaces.
- **React Router**: For handling routing in the application.
- **Tailwind CSS**: A utility-first CSS framework for styling.
- **Vite**: A build tool that provides a faster and leaner development experience for modern web projects.
- **REST Countries API**: To fetch data about countries.
- **Vercel**: For deployment and hosting.
## Getting Started
### Installation
1. Clone the repository:
```
git clone https://github.com/your-username/around-the-world.git
```
2. Navigate to the project directory:
```
cd around-the-world
```
3. Install the dependencies:
```
npm install
```
### Running the Application
To start the development server, run:
```
npm run dev
```
### Building for Production
To build the application for production, run:
```
npm run build
```