Coder Social home page Coder Social logo

ramoneclarke / soroswap-frontend Goto Github PK

View Code? Open in Web Editor NEW

This project forked from soroswap/frontend

0.0 0.0 0.0 2.01 MB

Soroswap.Finance Frontend Repo

Home Page: https://www.soroswap.finance

License: MIT License

Shell 0.32% JavaScript 0.11% TypeScript 98.38% CSS 1.19%

soroswap-frontend's Introduction

๐ŸŒŸ Soroswap Frontend @ Soroban Preview 10๐ŸŒŸ

Welcome to Soroswap, a decentralized exchange (DEX) that draws inspiration from the Uniswap V2 protocol and is specifically tailored for the Soroban network.

Before you begin, ensure you have met the following requirements:

  • docker >= v24.0.2
  • Freighter Wallet v5.2.3

๐Ÿ›  Setting Up Soroswap ๐Ÿ› 

  1. Clone the Repository
git clone https://github.com/soroswap/frontend.git
cd frontend
  1. Set Up Environment Variables

Copy the .env.example file to create a new .env file:

cp .env.local.example .env

Now, edit the .env file and provide the NEXT_PUBLIC_BACKEND_URL variable. This will tell the frontend where to look for:

  • the list of known tokens
  • the SoroswapFactory address
  • the tokens admin's private key (in order to mint tokens)

If you are following the instructions in https://github.com/soroswap/core in order to deploy the smart contacts in your local environment and serve the API, your .env should look like this:

NEXT_PUBLIC_BACKEND_URL=http://localhost:8010

If you are ready for production, you can take Futurenet Contracts information from https://api.soroswap.finance and just do

cp .env.production.example .env

โ—๏ธโ—๏ธ Note that some Futurenet RPC's might not have the same version, so we recomend you to connect to a local quickstart node following the instructions in https://github.com/soroswap/core; and setting up your Freighter Wallet as in step 6.

  1. Start Docker

Navigate to the docker folder and execute the run.sh script:

cd docker
bash run.sh

This script will set up and start the Docker containers required for Soroswap.

  1. Install the Dependencies

After the Docker container is up, you will be inside the root folder on the container. Then, install the dependencies using Yarn:

yarn install
  1. Run the Development Instance

Now you are ready to start the development instance. Run the following command:

yarn dev

This will start the Soroswap development instance.

  1. Configure your Freigher Wallet

For a local Futurenet node:

Name Futurenet Local RPC
URL http://localhost:8000/soroban/rpc
Passphrase Test SDF Future Network ; October 2022
Allow HTTP connection Enabled
Switch to this network Enabled

For a local Standalone node:

Name Standalone
URL http://localhost:8000/soroban/rpc
Passphrase Standalone Network ; February 2017
Allow HTTP connection Enabled
Switch to this network Enabled
  1. Last, but not least, add some lumens to your Freighter wallet!

    For Standalone: http://localhost:8000/friendbot?addr=<your address> For Futurenet, visit: https://laboratory.stellar.org/#create-account

๐Ÿš€ Congrats! ๐Ÿš€

You have successfully set up Soroswap on your local machine! Start swapping, pooling, and exploring the possibilities of decentralized finance (DeFi) on the Soroban network.

Contributing

If you find a bug or have a feature request, please create an issue or submit a pull request. Contributions are always welcome!

License: MIT

Acknowledgments

Special thanks to the Uniswap team for providing the base protocol on which Soroswap is built.
Thank you to the Stellar Community for the continuous support.


Made with โค๏ธ by the Soroswap Team.

soroswap-frontend's People

Contributors

esteblock avatar joaquinsoza avatar chopan123 avatar jtschuwirth avatar josefredes avatar dependabot[bot] avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.