eltonlazzarin / reactjs-uniswap-clone-interface

Uniswap Interface Clone build with ReactJS

Uniswap Clone Interface

About The Project   |    Technologies   |    Getting Started   |    How To Contribute   |    License

👨🏻‍💻 About the project

This project was developed with ReactJS, being a Dapp application (decentralized application) that replicates the Uniswap web application interface. With this interface it is possible to perform the real login connection with your MetaMask digital wallet previously installed in your browser.

After the connection is established with your MetaMask wallet, you will be able to read the address and, consequently, the ETH balance.

🚀 Technologies

Technologies that I used to develop this frontend app

• ReactJS
• Typescript
• Ethers.js
• @usedapp/core
• @chakra-ui/react
• VS Code with EditorConfig and Prettier RC

💻 Getting started

Requirements

• Node.js
• Yarn or npm
• MetaMask Browser Extension

Clone the project and access the folder

$ git clone https://github.com/eltonlazzarin/reactjs-uniswap-clone-interface.git

$ cd reactjs-uniswap-clone-interface

Follow the steps below

# Install the dependencies
$ yarn

# Run the web app
$ yarn start

🤔 How to contribute

Follow the steps below

# Clone your fork
$ git clone https://github.com/eltonlazzarin/reactjs-uniswap-clone-interface.git

# Create a branch with your feature
$ git checkout -b your-feature

# Make the commit with your changes
$ git commit -m 'feat: Your new feature'

# Send the code to your remote branch
$ git push origin your-feature

After your pull request is merged, you can delete your branch

📝 License

This project is under the MIT license. See the LICENSE for more information.