🌍 Explore countries with ease using the Rest Country App! 🌎
Looking for a web app that lets you delve into detailed country information? Look no further! Introducing the Rest Country App, a fantastic project built using Vite and React, courtesy of Frontend Mentor.
🔍 Search and Filter: With the Rest Country App, you can effortlessly search for countries by name and filter results based on continent and region. It's all about finding the information you need, quickly and efficiently.
🗺️ Detailed Insights: Click on any country card to access its comprehensive information page. Discover population, languages, currencies, and much more, all beautifully organized for your convenience.
🎨 Custom Themes: What's even more exciting? This app comes with custom Material-UI light and dark themes. Tailor your experience to match your preferences, creating a seamless interface that's easy on the eyes.
⏱️ Real-time Feedback: React Hot Toast ensures you're always in the loop with real-time feedback, while React Spinners keep you engaged with elegant loading animations.
Ready to embark on a journey of exploration? Clone the project, install dependencies, and start your adventure today!
🔗 GitHub Repo: github.com/KamalJoshi-web/Rest-Country-App.git
🌐 Live Demo: rest-country-app-chi.vercel.app/
Timestamps
00:00 Design Analysis
00:31 Folder Architecture
01:22 Installing Dependencies
02:47 Code Cleanup & Font Installation
03:32 File Structure
04:12 Setting up Routing
06:59 Custom MUI Themes
10:32 Adding Theme into a Project
12:32 Creating Header
16:37 Switching Between Themes
20:14 Creating Home Page
26:53 Fetching Data
30:28 Creating Dynamic Components
37:17 Adding Search Functionality
40:32 Adding Filter Functionality
43:54 Creating Detail Page
44:29 Data Fetching for Detail Page
49:29 Detail Page Components
01:00:27 Changing Detail Page from Border Countries
01:05:35 Final Looook
Whether you're a coding enthusiast or just curious about the world's countries, the Rest Country App is the perfect blend of functionality and style. Get ready to travel the globe without leaving your screen!
Don't forget to like, share, and subscribe for more exciting projects and coding tutorials. Happy exploring! 🚀🌏
Feel free to customize the links and details according to your project's actual GitHub repository and live demo URL.