This Angular application allows users to convert currencies, view historical data, and see currency conversion rates.
- Currency Converter: Convert between different currencies using real-time exchange rates.
- Historical Data: View historical exchange rates for selected currencies over the past year.
- Currency Details: See detailed information about specific currencies.
- Responsive Design: Works well on both desktop and mobile devices.
- Clone the repository:
git clone <repository-url>
- Navigate to the project directory:
cd currency-conversion-app
- Install dependencies:
npm install
- Create
src/environments/environment.dev.ts
and fill it with the following content:
export const environment = {
production: false,
fixerApiBaseUrl: 'http://data.fixer.io/api',
apiKey: 'YOUR_API_KEY_HERE', // Replace 'YOUR_API_KEY_HERE' with your actual Fixer API key
};
- Start the development server:
ng serve
- Open your browser and go to
http://localhost:4200
- Select the currency you want to convert from and to using the dropdown menus.
- Enter the amount you want to convert in the input field.
- View the converted values for the nine most popular currencies in the cards grid.
- Angular: The core framework for building the application.
- ng2-charts: Used for displaying charts and graphs.
- chart.js: Provides the underlying charting functionality for ng2-charts.
- Angular Material: Provides UI components for building the user interface.