https://github.com/mmansy19/around-the-world

Around The World is a React project that displays information cards for various countries. The project utilizes an API to fetch data about different countries and presents it in a user-friendly interface.
https://github.com/mmansy19/around-the-world

api react tailwindcss vite

Last synced: about 1 month ago
JSON representation

Around The World is a React project that displays information cards for various countries. The project utilizes an API to fetch data about different countries and presents it in a user-friendly interface.

• Host: GitHub
• URL: https://github.com/mmansy19/around-the-world
• Owner: MMansy19
• Created: 2024-04-22T16:58:02.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-05-11T11:48:02.000Z (8 months ago)
• Last Synced: 2024-05-11T12:38:52.003Z (8 months ago)
• Topics: api, react, tailwindcss, vite
• Language: JavaScript
• Homepage: https://around-the-world-mansy.vercel.app/
• Size: 1.22 MB
• 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 project that displays information cards for various countries. The project utilizes an API to fetch data about different countries and presents it in a user-friendly interface. The application is responsive, featuring a region menu to filter countries by continent, a dark theme option, a search bar for easy navigation, and the ability to view detailed information about a country by clicking on its card.

## [Live Link🌟](https://around-the-world-mansy.vercel.app/)

## Screenshots

### Flow Chart 

  

### Home



  

  



### Regions and Countries



  

  



### Dark Mode

  


## Features

- Display cards containing information about different countries.

- Fetch country data from an API.

- Filter countries by continent using the region menu.

- Toggle between light and dark themes.

- Utilize a search bar for easy navigation.

- View detailed information about a country by clicking on its card.

## Technologies Used

- React + Vite

- JavaScript (ES6+)

- Tailwind CSS

- MUI

- RESTful API

## API Used

The project fetches data from the [REST Countries API](https://restcountries.com/), which provides information about countries worldwide.

## Contributing

Contributions are welcome! Feel free to open issues or submit pull requests to suggest improvements or report bugs.

## License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.

## Contact

- [Author](https://github.com/MMansy19)

- [Website](https://mahmoud-mansy-portfolio.netlify.app/)

- [Email](mailto:[email protected])

- [LinkedIn](https://www.linkedin.com/in/mahmoud-mansy-a189a5232)