This repository has been archived by the owner on Apr 23, 2024. It is now read-only.
[Frontend] Starbridge Integration #100
Open
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
…ponent [SSU-3]: Create typography components
[SSU-2] Create Button component
…nto ssu-4-create-input-component
…to ssu-4-create-input-component
SSU-9: Create modal component
…to SSU-17-create-header-component
…to ssu-4-create-input-component
Dev to Main
…nnect wip: wallet/stellar/starbridge integrations
Dev -> main
welladam
changed the title
Sign up for free
to subscribe to this conversation on GitHub.
Already have an account?
Sign in.
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Starbridge - Frontend
The objective of this project is to transfer assets between wallets from different networks.
Currently, the available flows are from Stellar to Ethereum and vice versa, being able to send only ETH from one to the other.
With some initial setup, you will be able to connect your wallets using Freighter for Stellar and Metamask for Ethereum and start the transfer flow.
Project Architecture
Front: React, Typescript using the Atomic Design
You can check the project architecture here
Environment Variables
The environment variables are in
src/config. You can use the.env.exampleas a base to create your.env.localconfig file
Run Locally
Install dependencies
Start the server
The project will be running at http://localhost:3000/
If you want you can run it on Docker too.
docker build -t starbridge-front . docker run -dp 3000:3000 starbridge-frontUsing the ngrok
To make transactions on your wallets, you must have a secure connection locally. With ngrok it is possible to create an SSL certificate to be able to continue in the flow without problems.
You need to register, to generate a token and then continue configuring ngrok.
FAQ
I disconnected my account through the page, but when I connect again it automatically connects.
You must disconnect from the page through your Wallet as well, so you can connect to another account again.
I'm trying to do the withdraw action on the Ethereum -> Stellar flow but the error "retry later once the transaction has more confirmations" appears.
Confirmations are required to verify and legitimize information that will be recorded in the blockchain and cannot be changed afterward. If some information is assumed fraudulent, it will not get any confirmation. Without a single transaction confirmation Ethereum, the transaction won’t be considered valid by the network. Each confirmation takes less than one minute. Just wait a bit and try to perform the withdraw action again.
Demo