- node version -
v16.13.1
- Git Clone from https://github.com/Crypto-Legions/crypto-frontend.git
- Install
Prettier
Extension on VS Code - Create
.env
file and input right info. You can see the keys of env from.env.example
. - Please check
.prettierrc
file in the file root structure.
config
-
game.config
(game configuration)
-
nav.config
(navigation configuration)
-
theme.config
(theme configuration)
-
api.config
(api urls for dev, pro and subgraph)
constants
-
index
(constants using in game)
-
abis
(contract abis)
-
contractAddresses
(addresses of contracts)
-
quotes
-
translations
pages
(components for big pages)components
(components that reused many times)redux
-
store
(combine several reducers)
-
reducers
(seperate into several reducers for several states)
types
(types for redux states and some variables)services
(retrieving data from contracts and store them in the redux, and API service)wallet
-
connector
-
ethereum
web3hooks
-
contractFunctions
(getting and setting functions from and to the smart contracts)
-
getAbi
(getting Abis)
-
getAddress
(getting addresses of contracts)
-
useContract
(using Contract)
utils
(some functions for resuable)
- import node modules at first
- then import components and functions seperatly for functionalities
-
- components
-
- functions
-
- css
-
- ...
- define constants
- define hooks variables
- define states
- useEffect
- getting functions
- handling functions
- render functions
- return part (main rendering)
- start
get
to get any data - start
handle
to handle or set data - start
render
to make the small rendering part (reusable in one component)
After working, please remove the unused variables.