Uniswap Frontend

An open source interface for Uniswap -- a protocol for decentralized exchange of Ethereum tokens.

• Website: uniswap.org
• Docs: uniswap.org/docs/
• Twitter: @UniswapProtocol
• Reddit: /r/Uniswap
• Email: contact@uniswap.org
• Discord: Uniswap
• Whitepaper: Link

Run Uniswap Locally

1. Download and unzip the build.zip file from the latest release in the Releases tab.
2. Serve the build/ folder locally, and access the application via a browser.

For more information on running a local server see https://developer.mozilla.org/en-US/docs/Learn/Common_questions/set_up_a_local_testing_server.

This simple approach has one downside: refreshing the page will give a 404 because of how React handles client-side routing. To fix this issue, consider running serve -s courtesy of the serve package.

Develop Uniswap Locally

Install Dependencies

yarn

Configure Environment (optional)

Copy .env to .env.local and change the appropriate variables.

Run

yarn start

To have the frontend default to a different network, make a copy of .env named .env.local, change REACT_APP_NETWORK_ID to "{yourNetworkId}", and change REACT_APP_NETWORK_URL to e.g. "https://{yourNetwork}.infura.io/v3/{yourKey}".

Note that the front end only works properly on testnets where both Uniswap V2 and eth-scan are deployed. The frontend is not expected to work with local testnets.

Deployment

As a single page application, all routes that do not match an asset must be redirect to /index.html. See create-react-app documentation..

Contributions

Please open all pull requests against the v2 branch. CI checks will run against all PRs.