Skip to content

zrshishir/currency-conversion-frontend

Repository files navigation

P2P Wallet (Pay) System

A Simple app that convert currencies from USD to EUR and vice-versa.

Overview:

The app goal is to build a simple P2P wallet (Pay) system.

Scenario:

There are two registered users with a single currency based wallet. User
A has a USD and user B has a EUR wallet. User A can send any amount of money
to user B in USD currency. This USD amount will be converted to EUR and
transferred to user B wallet. In the meantime, a confirmation email will be sent to
user B.

You will find detailed requirements below. To be successful you don’t have to follow
them strictly. Invest reasonable time depending on your free time and don’t worry if
you can’t finish it all. Focus on the quality of your code, not on the number of
tasks. Make it readable, expandable and production-ready. Make sure you deal
with possible errors etc. Please read the requirements and additional
requirements carefully.

Feel free to ask any questions. Write down any significant problems you
encountered. Let us know how you solved them or how you would tackle them if you
had more time.

Tech Specifications

- "nodejs": "12"
- "npm" : "6"
- "core-js": "^3.6.5".
- "vue": "^2.6.11".
- "vue-router": "^3.2.0".
- "vuetify": "^2.2.11".
- "vuex": "^3.4.0".

Features

1. Authentication, warning messages and success messages
2. Sign in page with front end validation
3. Log out functionalities with api integration
4. Transaction module with data tables and pagination
5. Currency Conversion form with success message
6. Currency Conversion with authentication
7. Accessing All 3 required reports on home page with third highest conversion without authentication.
8. Fully respnsive design
9. Layered based project structured.

Project setup

Project setup details are described below step by step: The backend api for this project is [here](https://github.com/zrshishir/currency-conversion)
	1. Download or clone the project from [Currency Conversion Frontend]([email protected]:zrshishir/currency-conversion-frontend.git). 
	2. Go to the project's root directory and run the command `npm install`
	3. Go to the `/src/api` directory and edit the `cconversion-frontend.js`. Assign your domain name with `ROOT_URL`. 
		`const ROOT_URL = 'your-domain-name/api'`
	4. Go to your root direcotory and run `npm run serve`

Screenshots of project setup details

The working procedure is described below with screenshots:
1. To install this project you will have node installed. I will describe it using `npm`. You can install this project two ways
	- Download the zip file from the repository and extract it on your pc

	- clone the project using git and the command is `git clone [email protected]:zrshishir/currency-conversion-frontend.git`. 

git clone

2. Go to the project's root directory and run the command `npm install`

go to root directory

npm install

3. Go to the `/src/api` directory and edit the `cconversion-frontend.js`. Assign your domain name with `ROOT_URL`. 
		`const ROOT_URL = 'your-domain-name/api'`

root url setting

4. Go to your root direcotory and run `npm run serve`

run the project

Some screenshots of the project

1. Home page & Reports accessing without authentication

home page

2. Third highest conversion for specifc user or receiver. To see this click on receiver email.

sign up

3. Login or Sign in page

sign in page sign in page

4. login message on home page with log out button and Project menu

message home page

5. Currency Conversion page

product page

6. Balance Transfer Form

product creation page

7. Balance Transfer Form with user data

product edit page