https://github.com/jcloh98/currency-converter

currency-converter is a user-friendly tool that enables seamless conversion of a single currency into multiple other currencies, offering real-time exchange rates for efficient financial transactions.
https://github.com/jcloh98/currency-converter

currency-converter javascript react-js tailwindcss vercel webapp

Last synced: 26 days ago
JSON representation

currency-converter is a user-friendly tool that enables seamless conversion of a single currency into multiple other currencies, offering real-time exchange rates for efficient financial transactions.

• Host: GitHub
• URL: https://github.com/jcloh98/currency-converter
• Owner: JCLOH98
• License: mit
• Created: 2024-11-15T19:21:49.000Z (about 2 months ago)
• Default Branch: main
• Last Pushed: 2024-12-11T12:33:38.000Z (29 days ago)
• Last Synced: 2024-12-11T13:34:27.735Z (29 days ago)
• Topics: currency-converter, javascript, react-js, tailwindcss, vercel, webapp
• Language: JavaScript
• Homepage: https://currency-converter-eosin-two.vercel.app/
• Size: 467 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# currency-converter

 currency-converter is a user-friendly tool that enables seamless conversion of a single currency into multiple other currencies, offering real-time exchange rates for efficient financial transactions.

## Tech stack

- Frontend

    - [React](https://github.com/facebook/create-react-app)

    - TailwindCSS

- Backend

    - Express

- Deployment

    - Vercel

## .env setup

- Frontend

    - **REACT_APP_BACKEND_URI** which is the backend URL

- Backend

    - **EXCHANGE_RATE_API_KEY** which is the API key from https://app.exchangerate-api.com/

### Notes:

- Frontend and backend are setup into 2 project on Vercel

- Express setup with Vercel: https://vercel.com/guides/using-express-with-vercel

- For backend, has to strictly follow the directory path

- For backend, it did not link with GitHub, so need to manually use `vercel --prod` to deploy

---

---

**React commands**

 `npm start`

- Runs the app in the development mode.\

- Open [http://localhost:3000](http://localhost:3000) to view it in your browser.

`npm run build`

- Builds the app for production to the `build` folder.\

- It correctly bundles React in production mode and optimizes the build for the best performance.

- The build is minified and the filenames include the hashes.\

Your app is ready to be deployed!