Converter Exchange

Converter Exhange is a small webapplication which could transfer payment to a reciepent registered in the system and also convert based on the exchange rate data provided by ExchangeRate-API.

Demo Link: https://youtu.be/C4WHG9R2EPs

Hosted Link(Frontend): https://converter-exchange.vercel.app/

Hosted Link(Backend): https://tecsota-assessment.vercel.app/

Desktop View

Mobile View

Technologies used

• Backend: Node js
• Hashing: Bcrypt js
• Authentication: JWT
• Frontend: Next js
• Styles: Tailwind CSS
• Validation: Yup
• Forms: Formik
• Chart: Material React Table
• Database: Mongo DB(NoSQL)
• Email: Email js

Project Structure

Frontend

CONVERTER-EXCHANGE/
├── README.md
├── next-env.d.ts
├── next.config.mjs
├── package-lock.json
├── package.json
├── postcss.config.mjs
├── public
│   ├── converter.png
│   ├── next.svg
│   └── vercel.svg
├── src
│   ├── app
│   └── components
├── tailwind.config.ts
└── tsconfig.json

Backend

├── package-lock.json
├── package.json
├── src
│   ├── db.ts
│   ├── index.ts
│   ├── middleware
│   ├── nodemailer
│   ├── transferRecord
│   └── user
├── tsconfig.json
└── vercel.json

##Instructions

• Clone Repository

git clone https://github.com/KOTTAGENVH/converter-exchange

• Navigate to backend

  cd converter-exchange/backend
  

• Install Dependencies

npm i 

• Add environment varaibles

database = "Add your mongo db url here"
PORT = 5050
secret = eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJlbWFpbCI6Im5vdmVua290dGFnZUBnbWFpbC5jb20iLCJpZCI6IjY2ODYzNTg3ZmE0NzIyMDdlY2NlZGNhYSIsImlhdCI6MTcyMDExNzAxNywiZXhwIjoxNzIwMTUzMDE3fQ.c85vb8djYTs3C6kMrCCpHGHqtLR-NO_5ZgeH8FfgGwk
refreshtoken = eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJlbWFpbCI6Im5vdmVua290dGFnZUBnbWFpbC5jb20iLCJpZCI6IjY2ODYzNTg3ZmE0NzIyMDdlY2NlZGNhYSIsImlhdCI6MTcyMDExNzAxNywiZXhwIjoxNzIwMTIwNjE3fQ.3RTL8FTGbIfWbf_oTt71lPtWNm8_qekRafGXTwCFY8s
emailPass = Add your gmail third part access token here
email = Add you email here

• Run

npm run dev

• Navigate to backend

  cd converter-exchange/backend
  

• Install Dependencies

npm i 

• Add environment varaibles

database = "Add your mongo db uri here"
PORT = 5050
secret = eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJlbWFpbCI6Im5vdmVua290dGFnZUBnbWFpbC5jb20iLCJpZCI6IjY2ODYzNTg3ZmE0NzIyMDdlY2NlZGNhYSIsImlhdCI6MTcyMDExNzAxNywiZXhwIjoxNzIwMTUzMDE3fQ.c85vb8djYTs3C6kMrCCpHGHqtLR-NO_5ZgeH8FfgGwk
refreshtoken = eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJlbWFpbCI6Im5vdmVua290dGFnZUBnbWFpbC5jb20iLCJpZCI6IjY2ODYzNTg3ZmE0NzIyMDdlY2NlZGNhYSIsImlhdCI6MTcyMDExNzAxNywiZXhwIjoxNzIwMTIwNjE3fQ.3RTL8FTGbIfWbf_oTt71lPtWNm8_qekRafGXTwCFY8s
emailPass = Add your gmail third part access token here
email = Add you email here

• Run

npm run dev

• Navigate to frontend

  cd converter-exchange/frontend/converter-exchange
  

• Install Dependencies

npm i 

• Run

npm run dev