Skip to content

ps3coder/Country_list_Angular_frame

Repository files navigation

FrontEnd

This project was generated with Angular CLI

A simple Angular Framerwork web application to display a list of countries in card format, with images and key details from a Public API. Users can click on a country card to view detailed information about the selected country. The app also includes filtering functionality to search countries by name or region As a part of Assignment.

Features

  • Card Display: Countries are displayed in card format with an image and key details like name and region.
  • Filtering: Filter countries by name or region using an input field.
  • Responsive Design: The layout is responsive, ensuring a good experience on different screen sizes.

Screenshot

Login Page

Tech Stack

  • Frontend: Angular
  • Data: Public API for data
  • Styling: CSS for card layouts and page styling

Clone the repository

https://github.com/ps3coder/Country_list_Angular_frame.git

Navigate into the project directory

cd country-explorer

Development server

Run ng serve for a dev server. Navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.

Other Important Documents:

API Angular Docs API DOCS

For Contact:

ps3threee@gmail.com

About

Country_Details_Angular This project is based on the Angular17.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published