Skip to content

Converter to calculate exchange rate between most popular currencies. It's written in React, getting data from API, saving interface language to Local Storage and handling potential errors.

Notifications You must be signed in to change notification settings

MCesarczyk/universal-currency-converter

Repository files navigation

I've decided to refactor this app completely, removed obsolete "Calculate" button, replacing it with one, triggering useful "Switch currencies" feature.
It was possible thanks to debounce functionality, so now the result is calculating "on the fly", immediately after user stop writing down letters into form 😎

picking currencies

Using this converter on everyday basis, inability of quick currencies switch bothered me the most 😫 ...
so here it is! 🎉😀

switching currencies

Obviously, language switcher is also onboard,
now it got look refreshment with english and polish language flags on buttons. 👩🏿👦🏻🧔🏾👩👳🏿‍♂️

changing UI language


This workspace has been generated by Nx, Smart Monorepos · Fast CI.

Integrate with editors

Enhance your Nx experience by installing Nx Console for your favorite editor. Nx Console provides an interactive UI to view your projects, run tasks, generate code, and more! Available for VSCode, IntelliJ and comes with a LSP for Vim users.

Nx plugins and code generators

Add Nx plugins to leverage their code generators and automated, inferred tasks.

# Add plugin
npx nx add @nx/react

# Use code generator
npx nx generate @nx/react:app demo

# Run development server
npx nx serve demo

# View project details
npx nx show project demo --web

Run npx nx list to get a list of available plugins and whether they have generators. Then run npx nx list <plugin-name> to see what generators are available.

Learn more about code generators and inferred tasks in the docs.

Running tasks

To execute tasks with Nx use the following syntax:

npx nx <target> <project> <...options>

You can also run multiple targets:

npx nx run-many -t <target1> <target2>

..or add -p to filter specific projects

npx nx run-many -t <target1> <target2> -p <proj1> <proj2>

Targets can be defined in the package.json or projects.json. Learn more in the docs.

Set up CI!

Nx comes with local caching already built-in (check your nx.json). On CI you might want to go a step further.

Explore the project graph

Run npx nx graph to show the graph of the workspace. It will show tasks that you can run with Nx.

Connect with us!

About

Converter to calculate exchange rate between most popular currencies. It's written in React, getting data from API, saving interface language to Local Storage and handling potential errors.

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published