Country code app is a simple and responsive single-page application (SPA) built using ReactJS, TypeScript, Shadcn, Vite, Tailwind and Jest, .
- React: Component-based architecture. Huge ecosystem and flexibility
- Vite: Blazing fast startup time. Minimal configuration needed. Great developer experience (ex. fast refresh)
- Schadcn: Beautiful, accessible, and customizable components out of the box. Built on top of Tailwind for consistent styling.
- TypeScript: Provides type safety and helps in detecting errors early in the development process.
- TailwindCSS: Rapid development without writing custom CSS classes.
- Apollo Client: Powerful GraphQL client. Easy caching, loading states, and error handling. Integrates perfectly with React hooks
- Jest: Zero-config JavaScript testing framework. Great performance and developer tooling
- Clone the repository
git clone https://github.com/hrlagana/countries-react-app.git
cd countries-explorer- Install dependencies
npm install- Run the development server
npm run devYour app will be running at http://localhost:5173 (which is vite's default port).
🧪 Running Tests
npm run test- Deployment
- You can also check the deployed version of the app on (https://county-code.netlify.app)