Skip to content

Global Currency Tracker is currency identifying application, that helps people to know the countries using their desired currencies. It has a unique responsive design, which is appealing to the eyes. A user can search any currency and a list of countries using that currency will be shown on the webpage.

Notifications You must be signed in to change notification settings

SanketPotdar121695/global-currency-tracker

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

32 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Global Currency Tracker

This individual project is a representation of a currency identification application. Global Currency Tracker serves to identify various countries using a particular currency. A user can search for a specific currency to know the countries using that currency.

Table of Contents

Description

Global Currency Tracker is currency identifying application, that helps people to know the countries using their desired currencies. It has a unique responsive design, which is appealing to the eyes. A user can search any currency and a list of countries using that currency will be shown on the webpage.

Tech Stack

javascript react vite css3

Deployed On:

netlify

Features

  • Search a currency to identify countries that uses the currency
  • Navigate through paginations
  • User-friendly interface
  • Responsive UI, compatible with tables and mobile devices
  • Security features; such as, script injection preventions, JSON injection preventions, etc.
  • Use of proxy to secure the backend API (Development)

Installation

  1. Clone the repository
git clone https://github.com/SanketPotdar121695/global-currency-tracker
  1. Install dependencies
npm install
  1. Start the project
npm run dev
  1. Access backend routes from the frontend url (Development)
  • You can access backend routes from the frontend url using the endpoints starting from '/v3.1'
http://frontend_url:port/v3.1

Example:

  • To fetch the countries that uses dollar:
http://frontend_url:port/v3.1/currency/dollar
  • Note: If you are using the deployed URL, then you should use 'https' protocol instead of 'http' protocol.

Usage

  1. Search a currency to identify countries that uses the currency
  2. Navigate through paginations

Screenshots

Home Page

homepage_desktop

Search Results

search_results_desktop

Pagination

pagination_desktop

Tablet View

homepage_tablet_landscape search_results_tablet_landscape pagination_tablet_landscape homepage_tablet_portrait search_results_tablet_portrait pagination_tablet_portrait

Mobile View

homepage_mobile search_results_mobile pagination_tablet_mobile

Demo

Check out the demo here

Disclaimer

This project is developed completely with new UI/UX ideas for educational purposes only and is not affiliated with or endorsed by the original website or its owners. The project was created solely for the purpose of learning and practicing web development skills and should not be used for any commercial or unauthorized purposes. All rights reserved.

About

Global Currency Tracker is currency identifying application, that helps people to know the countries using their desired currencies. It has a unique responsive design, which is appealing to the eyes. A user can search any currency and a list of countries using that currency will be shown on the webpage.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published