Ricochet frontend

This is a ricochet app frontend, made in react, using redux and redux-saga

ricochet.exchange »

Documentation • Feature request

How to start

yarn install && yarn start

Have an arm64 Macbook? node-sass does not work for arm64. To fix this, you replace it with sass.

yarn remove node-sass && yarn add sass

Once sass is installed you will still have errors trying to compile the project. To bypass this, simply comment out the @extend .link lines in the code.

Project structure

• components - contains react components. They can't have own state and business logic. Should be developed in storybook.
• containers - containers use components, adding business logic for them.
• store - all data and global business logic placed here. Separate folder for each reducer.
• utils - common functions for project.
• hooks - common business logic, that can be reused between containers.

Configuring project

See .env file for configuration:

REACT_APP_API_GRATH=https://api.thegraph.com/subgraphs/name/superfluid-finance/superfluid-matic
REACT_APP_CHAIN_ID=137

Test before merge to main

• fork the project - fork the ricochet-frontend repo.

• create a branch - please avoid using special characters in your branch name: https://docs.github.com/en/get-started/using-git/dealing-with-special-characters-in-branch-and-tag-names

• create a PR - create a pull request on GitHub.

• test your changes - Check github actions, once all checks are successful, a new environment will be created in a few minutes, please check comments to get the complete url. It will look something like this: a380c3be5e6284f4ca1dfc37a12b3033-851332533.eu-west-1.elb.amazonaws.com/your-branch-name the environment will be destroyed once the PR is merged or