Explore the diverse world of countries, their flags, languages, and currencies with the Countries Explorer app! Built with love using React, Next.js, Tailwind CSS, and DaisyUI.
- Browse Countries: Discover countries and get to know their flags, official languages, and currencies.
- Responsive Design: Enjoy a seamless experience on devices of all sizes.
- Loading State: Get visual feedback while the data is being loaded.
- Modern Tech Stack: Built with the latest and greatest tech stack.
- Clone the Repository:
git clone https://github.com/RW2023/countries
cd countriesInstall Dependencies:
npm installor
yarn install##Run the Development Server:
Now, open https://localhost:3000 in your browser to start exploring the countries!
Build for Production:
npm run buildor
yarn build##Deploy: Deploy the app to your favorite hosting service, like Vercel or Netlify.
##Contribution 🤝 Feel free to open issues, suggest improvements, and submit Pull Requests. Your contributions are more than welcome!
##License 📄 This project is licensed under the MIT License - see the LICENSE file for details.
Contact 📧 Do it dev styles and open a pull request 🧑🏾💻.
This is a Next.js project bootstrapped with create-next-app.
First, run the development server:
npm run devor
yarn devor
pnpm devor
run devOpen https://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Inter, a custom Google Font.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.