Add

.env.development

@@ -11,3 +11,7 @@ REACT_APP_NODE_2 = "https://data-seed-prebsc-2-s2.binance.org:8545"
 
 # 10+ nodes balanced in each region, global
 REACT_APP_NODE_3 = "https://data-seed-prebsc-2-s2.binance.org:8545"
+
+# Unstoppable Domains Login
+REACT_APP_UD_REDIRECT_URI = "http://localhost:3000"
+REACT_APP_UD_CLIENT_ID = "e5ecd7a9-f5ed-481f-9a6f-d73ccb3b1f72"

.env.production

@@ -9,3 +9,7 @@ REACT_APP_NODE_2 = "https://bsc-dataseed1.defibit.io"
 
 # 10+ nodes balanced in each region, global
 REACT_APP_NODE_3 = "https://bsc-dataseed.binance.org"
+
+# Unstoppable Domains Login
+REACT_APP_UD_REDIRECT_URI = "https://apeswap.finance"
+REACT_APP_UD_CLIENT_ID = "06132eb4-eaf8-468c-8fe8-43cf6bfc85cd"

.eslintrc

@@ -11,23 +11,35 @@
     "browser": true,
     "jest": true
   },
-  "extends": "@apeswapfinance/eslint-config-apeswap",
+  "extends": [
+    "react-app",
+    "plugin:react/recommended",
+    "plugin:@typescript-eslint/recommended",
+    "plugin:react-hooks/recommended",
+    "prettier/@typescript-eslint",
+    "plugin:prettier/recommended"
+  ],
   "rules": {
-    "no-console": ["warn", { "allow": ["info", "warn", "error"] }],
+    "no-console": ["warn", { "allow": ["info", "warn", "error", "debug"] }],
     "no-plusplus": 0,
     "prefer-destructuring": ["warn", { "object": true, "array": false }],
+    "camelcase": ["error", { "allow": ["trait_type", "user_id"] }],
     "no-underscore-dangle": 0,
+    "import/prefer-default-export": 0,
     // Start temporary rules
     // These rules are here just to keep the lint error to 0 during the migration to the new rule set
     // They need to be removed and fixed as soon as possible
     "@typescript-eslint/ban-ts-comment": [1, { "ts-ignore": false, "ts-nocheck": false }],
     "@typescript-eslint/no-use-before-define": 0,
     "@typescript-eslint/explicit-module-boundary-types": 0,
     "@typescript-eslint/no-explicit-any": 0,
+    "@typescript-eslint/no-empty-interface": 0,
     "radix": 0,
     "import/no-extraneous-dependencies": 0,
-    "react/require-default-props": 0, 
-    "react/no-unused-prop-types": 0
+    "react/require-default-props": 0,
+    "react/no-unused-prop-types": 0,
+    "no-param-reassign": 0,
+    "no-nested-ternary": 0
     // End temporary rules
   }
-}
+}

.github/ISSUE_TEMPLATE/apeswap-task-grant.md

@@ -0,0 +1,26 @@
+---
+name: ApeSwap Task Grant
+about: Template for ApeSwap task grants
+title: 'Grant #XXX - [TITLE]'
+labels: task grant
+assignees: obiedobo
+
+---
+
+# Overview
+<Provide a general overview of the requested feature, update, or improvement>
+
+## Requirements
+<Describe the scope, do's, and don'ts of this contribution>
+
+## Implementation
+<Provide any notes on implementation here>
+
+## Compensation
+<Provide specifics on compensation here>
+
+## Notes
+- Please read and adhere to the to the [contributing guidelines](https://github.com/ApeSwapFinance/apeswap-frontend/blob/staging/CONTRIBUTING.md) before making a submission.
+- ApeSwap grants are first come first serve. We will review high quality submissions in the order they are provided, as long as they're high quality and meet all requirements.
+- Please test locally before submitting a pull request.
+- All requirements must be explicitly met before a grant is delivered.

.github/ISSUE_TEMPLATE/custom.md

@@ -0,0 +1,10 @@
+---
+name: Custom issue template
+about: Describe this issue template's purpose here.
+title: ''
+labels: ''
+assignees: ''
+
+---
+
+

.github/pull_request_template.md

@@ -1,4 +1,4 @@
-[ ] Before opening a pull request, please read the [contributing guidelines](https://github.com/pancakeswap/pancake-frontend/blob/master/CONTRIBUTING.md) first
-[ ] If your PR is work in progress, open it as `draft`
-[ ] Before requesting a review, all the checks need to pass
-[ ] Explain what your PR does
+- [] Before opening a pull request, please read ApeSwap's [contributing guidelines](https://github.com/ApeSwapFinance/apeswap-frontend/blob/staging/CONTRIBUTING.md).
+- [] Explain what your PR does & please link it to a grant/issue if applicable.
+- [] If your PR is for a grant, please provide contact & fund recipient information in the PR.
+- [] If your PR is work in progress, open it as a `draft`.

.github/workflows/test.yml

@@ -3,13 +3,15 @@ on: push
 jobs:
   build:
     runs-on: ubuntu-latest
+    runs:
+      - using: 'node16'
     steps:
       - uses: actions/checkout@v2
       - name: Install modules
         run: yarn
-        env: 
+        env:
           NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
       - name: Run Jest tests
         run: yarn test
-        env: 
-          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}
+        env:
+          NPM_TOKEN: ${{ secrets.NPM_TOKEN }}

.gitignore

@@ -21,6 +21,7 @@
 .eslintcache
 
 # local env files
+*.env
 .env.local
 .env.development.local
 .env.test.local
@@ -35,4 +36,13 @@ yarn-error.log*
 .vscode/launch.json
 .vscode/settings.json
 
+yalc*
+yalc.lock*
 
+src/config/abi/types
+
+# iCloud generated
+*.icloud
+
+# yalc folder
+.yalc

.husky/commit-msg

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+yarn commitlint --edit $1

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/bin/sh
+. "$(dirname "$0")/_/husky.sh"
+
+yarn format:check:staged

.npmrc

@@ -1,3 +1,3 @@
 @apeswapfinance:registry=https://npm.pkg.github.com
 //npm.pkg.github.com/:_authToken=${NPM_TOKEN}
-always-auth=true
+always-auth=true

CONTRIBUTING.md

@@ -1,65 +1,52 @@
-# Contributing to the ApeSwap ecosystem 🥞
+# 🐵 Contributing to the ApeSwap DAO
 
-Thanks for taking the time to contribute !
+Hello fellow ape! 🍌 Thanks so much for taking the time our to consider contributing to the ever-growing ApeSwap DAO.
 
+While all contributions are appreciated & welcome, we favor & prioritize tasks/grants on our [issues backlog](https://github.com/ApeSwapFinance/apeswap-frontend/issues). There are a range of opportunities for individuals and teams across all skill levels -- most with financial incentives attached to them!
 
-## Setup
+Additionally, if you have suggestions on contribution ideas, but don't see a grant for them, please don't hesistate to reach out to [Obie Dobo](https://t.me/obiedobo) with your ideas.
 
-Create a `.env.development.local` file at the root of the project. Add the following lines inside :
+## Contribution Details
 
-```
-REACT_APP_CROWDIN_APIKEY = ""
-REACT_APP_CROWDIN_PROJECTID = ""
-```
+If you choose to take on a contribution (even more importantly a grant task or project), there are a few crucial considerations & rules to be aware of:
+
+- We review in first come first serve basis, so long as the PRs are high quality, meet requirements, and are relevant.
+- Please tag `obiedobo` in the reviewers of your PR.
+- Ensure your code is working locally before submitting a PR.
+- No debugging console logs, but error messages which do not loop may be helpful for debugging production code.
+- PRs with excessive changes to files like the `package-lock.json` will be automatically reverted. Please review before you submit.
+- Branch off of & submit your pull requests into the latest `staging` branch.
+- Use components in the [official ApeSwap UI Kit](https://github.com/ApeSwapFinance/apeswap-uikit) for contributions.
 
-You'll need this in order to get the i18n system to work. Contact a dev if you need these values.
+## Getting Up & Running
 
-Install the dependencies
+Getting up and running with the `apeswap-frontend` repo is a super simple, 2 step process:
 
-```shell
+1. Clone the repo
+2. Install dependencies
+
+To do this, open a terminal and run the following commands:
+
+```
+git clone https://github.com/ApeSwapFinance/apeswap-frontend.git
+cd apeswap-frontend
 yarn
-yarn start
 ```
 
-Don't forget to setup your IDE with `eslint` and `prettier`.
-
-## Projet structure
+Once everything is downloaded & installed, simply run `npm run start` to run the repo locally.
+
+and don't forget to setup your IDE with `eslint` and `prettier`!
+
+## Project structure
 
 - **components** contains generic components used inside the application.
 - **views** contains building blocks for each page. The entry point of a view is used as the root component of each route.
 - **config** contains all the config files and ABIs.
 - **state** contains the redux files for the global state of the app.
-- **context** contains global contexts (separated from the redux store)
+- **contexst** contains global contexts (separated from the redux store)
 - **hooks** contains generic hooks.
 - **utils** contains generic utilities functions.
 
 ## Tests
 
 Run tests with `yarn test`.
-
-## Localisation
-
-_In order for the Crowdin API queries to work - you will need `REACT_APP_CROWDIN_APIKEY` & `REACT_APP_CROWDIN_PROJECTID` env variables set in your root `.env.development.local` file_
-
-### Adding translations
-
-A hook expose the function you need to translate content.
-
-```
-import useI18n from 'hooks/useI18n'
-...
-const TranslateString = useI18n()
-...
-TranslateString(id, 'fallback')
-```
-
-- **id** is the crowdin id of the string you want to translate.
-- **fallback** is a string fallback used if the id cannot be found.
-
-### Variables
-
-The translation component can handle variables being passed in from Crowdin, with no code changes.
-
-It will only work if there is only **one** variable passed in, and if that variable within Crowdin is wrapped in **%** signs, i.e.:
-
-

README.md

@@ -1,5 +1,39 @@
 # 🍌 ApeSwap Frontend
 
-This project contains the main features of the ApeSwap application.
+The `apeswap-frontend` repo is the primary frontend repository for [ApeSwap.Finance](https://apeswap.finance), which is a multichain DeFi Hub offering an accessible, transparent, and secure experience for everyone.
 
-If you want to contribute, please refer to the [contributing guidelines](./CONTRIBUTING.md) of this project.
+## Contributions
+
+If you want to contribute to this repo, please refer to the [contributing guidelines](./CONTRIBUTING.md).
+
+## Getting Started
+
+Getting up and running with the `apeswap-frontend` repo is a super simple, 2 step process:
+
+1. Clone the repo
+2. Install dependencies
+
+To do this, open a terminal and run the following commands:
+
+```
+git clone https://github.com/ApeSwapFinance/apeswap-frontend.git
+cd apeswap-frontend
+yarn
+```
+
+Once everything is downloaded & installed, simply run `npm run start` to run the repo locally.
+
+### Learn More About ApeSwap
+
+Interested in learning more about ApeSwap.Finance? Head over to our [official documentation](https://apeswap.gitbook.io/apeswap-finance/welcome/master) to read and learn more about our features, functionality, DAO, and ecosystem! 😊
+
+#### Socials
+
+- 📰 Medium (Our Blog): https://ape-swap.medium.com
+- 🐦 Twitter: https://twitter.com/ape_swap
+- 💬 Telegram Main Group: https://t.me/ape_swap
+- 💬 Telegram Announcements: https://t.me/ape_swap_news
+- 🖥 GitHub: https://github.com/ApeSwapFinance
+- 🤳 Instagram: https://instagram.com/apeswap.finance
+- 🤩 Reddit: https://www.reddit.com/r/Apeswap/
+- 👾 Discord: https://discord.gg/apeswap

jest.config.js

@@ -0,0 +1,5 @@
+module.exports = {
+  preset: 'ts-jest',
+  setupFilesAfterEnv: ['jest-canvas-mock'],
+  moduleDirectories: ['node_modules', 'src'],
+}