Welcome to the Countries Catalog repository! This project is a web application built to provide information about various countries. It utilizes modern web technologies such as Vite, React, PWA (Progressive Web App), and Material UI to deliver a fast, responsive, and user-friendly experience.
- Country Information: View detailed information about different countries, including population, area, languages, and more.
- Search and Sort: Easily search for specific countries or sort them based on various criteria.
- Responsive Design: The application is designed to be responsive and work seamlessly across different devices.
- Dark Mode Support: Toggle between light and dark modes for a personalized viewing experience.
- Vite: A fast build tool that significantly improves the development experience for web projects.
- React: A popular JavaScript library for building user interfaces.
- PWA (Progressive Web App): Enhance the user experience with features like offline access and improved performance.
- Material UI: A React UI framework that provides a set of customizable and accessible components.
Follow these steps to set up the project locally:
- Clone the repository:
git clone https://github.com/sunhak-hout/countries-catalog.git - Navigate to the project directory:
cd countries-catalog - Install dependencies:
npm install - Start the development server:
npm run dev - Open your browser and visit
http://localhost:3000to view the application.
Once the development server is running, you can explore the Countries Catalog by visiting the provided URL. Use the search and sort features to find specific countries and access detailed information about them.
This project is licensed under the MIT License. Feel free to use and modify the code as per the license terms.