This PoC was developed using NextJS - the React framework for the web! Its purpose is to allow users to exchange USD for PHP using a backend architecture that leverages Ethereum.
![image](https://private-user-images.githubusercontent.com/16483341/306065528-ba74a9ea-05a3-49cc-baee-987346ab0576.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjExMjEwNDIsIm5iZiI6MTcyMTEyMDc0MiwicGF0aCI6Ii8xNjQ4MzM0MS8zMDYwNjU1MjgtYmE3NGE5ZWEtMDVhMy00OWNjLWJhZWUtOTg3MzQ2YWIwNTc2LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzE2VDA5MDU0MlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTJlODhjOTI2MTc0Y2Y0ZjBmMDg1YmE2MDNhMzI0MjBmODNjYTFiZWFjOWI4ZWM3ODBiMDI5ZmQ4MGU3YzhlNTkmWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.niRzANe7sK_z4wJq4hIV8Uenh3XX4N87ZLwIzbegrN4)
![image](https://private-user-images.githubusercontent.com/16483341/306065625-4181452d-4d8c-4ae2-9953-14f8a6eaa939.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjExMjEwNDIsIm5iZiI6MTcyMTEyMDc0MiwicGF0aCI6Ii8xNjQ4MzM0MS8zMDYwNjU2MjUtNDE4MTQ1MmQtNGQ4Yy00YWUyLTk5NTMtMTRmOGE2ZWFhOTM5LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNDA3MTYlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjQwNzE2VDA5MDU0MlomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTVhMDZjYjg0YmNjMTdhNjIyMGI1YTdhMWUwNjFjYTZiMzJkMWMyNzcwZWJhNzJjYTZjZWZhYzQ3NTkzOWZjYTImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0JmFjdG9yX2lkPTAma2V5X2lkPTAmcmVwb19pZD0wIn0.BY3b4G4ui96aDqafmDlIbi3j9-uYw9bAVgv__JKRxdY)
- Make sure Node is installed:
- https://nodejs.org/en/download
- Note: This repo was developed using the latest version: v21.6
- Clone this repo locally:
git clone https://github.com/kmeraz/parallax
- CD into the root of this repo
- Install the required packages using NPM
npm install
- Note: NPM should have been installed along with the Node installation
- It should be available as a global package in your local terminal
npm -v
->10.3.0
- It should be available as a global package in your local terminal
- Provide your own API key in
/src/app/api/index.ts
- Finally, run the local NextJS server
npm run dev
- Open http://localhost:3000 with your browser to see the result.
These are a few notes on subsequent improvements that could be made towards having a more mature product:
- Invalidate quote after 5 minutes
- Authentication (including logout functionality)
- Improved form validation including more responsive user feedback
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository.