REST-Countries-API-App is a dynamic and interactive web application designed to showcase data from the REST Countries API. This project, inspired by a challenge from Frontend Mentor, is tailored to demonstrate the ability to fetch, process, and display country data in an intuitive and user-friendly interface. It's an excellent showcase of modern web development practices and API integration.
- Dynamic Country Data: Fetches and displays data from the REST Countries API, including country names, populations, regions, and more.
- Interactive UI: Users can search for countries, filter by region, and explore detailed information about each country.
- Responsive Design: Adapts seamlessly to different screen sizes, ensuring a consistent user experience across various devices.
- Vue.js: A progressive JavaScript framework used for building user interfaces and single-page applications.
- TypeScript: A typed superset of JavaScript that compiles to plain JavaScript, enhancing code quality and maintainability.
- Pure CSS: Styling of the application is achieved using pure CSS, emphasizing a clean and maintainable approach to styling without the use of pre-processors.
To get the project up and running on your local machine, follow these steps:
# Clone the repository
git clone https://github.com/yourusername/REST-Countries-API-App.git
# Navigate to the project directory
cd REST-Countries-API-App
# Install dependencies
npm install
# Serve the app with hot reload at localhost:8080
npm run dev