Countries

Web app that lets users browse countries from the Rest Countries API.

🎨 Main features

• Display countries list fetched from API
• Sort by name
• Filter countries:
  • That are smaller than Lithuania by area
  • That are in 'Oceania' region

🔧 Technologies used

• JavaScript library: React
• TypeScript support: TypeScript
• Testing: Jest / React Testing Library / Jest-DOM / User Event / MSW
• Styling: CSS Modules with SASS
• Code linting: ESLint
• Code formatter: Prettier
• Style linting: Stylelint
• Pre-commit hook for formatting and linting: Husky and lint-staged
• Build tool: Vite
• Package manager: pnpm

🚀 Getting started

🔨 Configure files

Rename .env.example to .env and put your API environment variables in it

mv .env.example .env

🎈 Start the project

# If you want to create a Git repository and use Git hooks
git init

# Install dependencies
pnpm i

# Run in the development mode
pnpm dev

# To make the development server accessible on a different device, run
pnpm start

🆚 VS Code integration

To enable all app development features, you will need the following VS Code extensions

• ESLint
• Prettier - Code formatter
• Stylelint

🔼 Back To Top