Code Monkey home page Code Monkey logo

currency's Introduction

Currency Converter

This project was generated with Angular CLI. It is recommended to install packages and run using the node version listed in .nvmrc.

To install dependencies just run:

nvm use # Optional
npm install # Or "npm ci" to make sure that you install the same patch versions as i did

Convert API Key

This app uses the api from currencyconvertapi.com You need to add an API key to the file src/environments/environment.base.ts

You can get a free api key for development here: https://free.currencyconverterapi.com/

Development server

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

The app will start with locale en-US by default. You can run the german translation with live reload by: ng serve -c de-DE

Note: For simplicity reasons in this quite simple example there are no unit or e2e tests.

New translations

When adding new translations to the english version make sure that you run ng extract-i18n before build. For editing translations you can simply open src/locale/translate.babel with Babel Edit. Alternatively you can use Matecat or any other CAT Software directly with the XLF files.

Note for translators: For simplicity reasons this app does not provide meaning descriptions within the XLF files.

Build

Run ng build to build the project. The build artifacts will be stored in the dist/currency-converter directory.

For each supported locale (en-US, de-DE) you will find one compiled version.

Build for docker

You can build this app as a docker image running NGINX with a preconfigured i18n spa routing. The docker image tag is configured in package.json.

Note: For simplicity reasons this NGINX config does not use SSL.

npm run docker:build

# Or directly run at http://localhost it using
npm run docker:run

currency's People

Contributors

mbeckenbach avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.