Scribd
Upload
0 views

React Native Interview Assignment

The assignment involves creating a mobile currency converter app using React Native, featuring a user-friendly interface for inputting amounts and selecting currencies. It requires integration with a currency exchange rate API to fetch real-time rates and dynamic updates based on user input. Optional enhancements include error handling, support for multiple target currencies, light/dark mode switching, and UI animations.

Uploaded by

ajithjayathilaka112
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
0 views

React Native Interview Assignment

The assignment involves creating a mobile currency converter app using React Native, featuring a user-friendly interface for inputting amounts and selecting currencies. It requires integration with a currency exchange rate API to fetch real-time rates and dynamic updates based on user input. Optional enhancements include error handling, support for multiple target currencies, light/dark mode switching, and UI animations.

Uploaded by

ajithjayathilaka112
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 2

Assignment Title: Currency Converter App

Description:
Create a mobile application using React Native that allows users to convert currencies between
different countries.

Requirements:

1. UI Design:
- Design a simple and intuitive user interface with two input fields for entering the amount and
selecting the base currency.
- Provide a dropdown or picker component for users to select the base currency from a list of
common currencies.
- Display the converted amount and currency after the user selects the target currency.

2. API Integration:
- Integrate with a currency exchange rate API to fetch the latest exchange rates.
- Popular APIs like Open Exchange Rates, CurrencyLayer, or Fixer.io can be used. Ensure
you have an API key if required.
https://exchangeratesapi.io/documentation/
Or you can use any popular APIs

3. Functionality:
- Allow users to enter the amount they want to convert.
- Fetch the latest exchange rates when the base currency is selected or when the amount is
updated.
- Update the converted amount dynamically based on the selected target currency and the
entered amount.
- Handle errors gracefully, such as network errors or invalid input.

4. Bonus (Optional):
- Implement basic error handling for invalid input or failed API requests.
- Add support for multiple target currencies, allowing users to convert to different currencies.
- Include a feature to switch between light and dark mode for the app's interface.
- Add animations or transitions to enhance the user experience.

Submission:
- Submit the source code of your React Native application along with any necessary setup
instructions or dependencies. Submit your code via GitHub.

Tips:
- Start by setting up your development environment and creating the basic structure of your
React Native app.
- Research and choose a suitable currency exchange rate API and understand its
documentation.
- Use state management to handle the user input and update the UI accordingly.
- Test your application thoroughly, especially for edge cases like invalid input or network errors.
- Consider implementing input validation to ensure the user enters valid amounts.
- Feel free to customize the design and features of your currency converter app to make it
unique.

Feel free to reach out if you need further guidance or assistance with this assignment!

You might also like