Skip to content

Latest commit

 

History

History
75 lines (59 loc) · 3.11 KB

README.md

File metadata and controls

75 lines (59 loc) · 3.11 KB
Raw
Ricochet Logo

Ricochet frontend

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

How to start

yarn install && yarn start

In case browserlist is outdated, run probably in a new terminal

npx update-browserslist-db@latest

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