Coder Social home page Coder Social logo

currencyconveter's Introduction

Currency Converter App

Overview

This Currency Converter application is built using Express.js for the backend and React for the frontend. It leverages the OpenExchangeRates API to fetch real-time currency exchange rates, allowing users to convert amounts from one currency to another with ease. The app is tested using Postman to ensure the backend functionality is accurate and reliable.

Features

  • Real-time Currency Conversion: Utilizes the OpenExchangeRates API to get the latest exchange rates.
  • Express.js Backend: Handles API requests and responses efficiently.
  • React Frontend: Provides a user-friendly interface for entering amounts and selecting currencies.
  • API Integration: Seamlessly integrates with OpenExchangeRates for up-to-date exchange data.
  • Postman Testing: Ensures the backend API endpoints work correctly and handle various cases.

Technologies Used

  • Express.js: Backend framework for creating RESTful API endpoints.
  • React: Frontend library for building the user interface.
  • OpenExchangeRates API: Provides current currency exchange rates.
  • Postman: Tool for testing and verifying backend API endpoints.

How It Works

  1. Frontend: The React application allows users to input the amount they wish to convert and select the source and target currencies.
  2. API Call: When the user submits the form, a request is sent to the Express.js backend.
  3. Backend: The Express.js server handles the request, fetches the current exchange rates from the OpenExchangeRates API, and calculates the converted amount.
  4. Response: The calculated conversion result is sent back to the React frontend and displayed to the user.

Usage

  1. Clone the repository and install the required dependencies:
    git clone https://github.com/your-username/currency-converter-app.git
    cd currency-converter-app
    npm install
  2. Obtain an API key from OpenExchangeRates and set it up in the backend by creating a .env file with the following content:
    OPENEXCHANGERATES_API_KEY=your_api_key_here
  3. Start the Express.js server:
    npm start
  4. Run the React application:
    npm run dev
  5. Use Postman to test the backend endpoints and ensure they are functioning correctly.

This app provides a straightforward and efficient way to convert currencies using real-time exchange rates, making it a valuable tool for users needing quick and accurate currency conversions. Screenshot 2024-06-29 015059

currencyconveter's People

Contributors

praneeth724 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.