diff --git a/README.md b/README.md
index 54ef094..8382a23 100644
--- a/README.md
+++ b/README.md
@@ -1,68 +1,46 @@
-This project was bootstrapped with [Create React App](https://github.com/facebook/create-react-app).
+# COINCH
-## Available Scripts
+The name is meaningless ??
-In the project directory, you can run:
+## Dependencies
-### `npm start`
+see `package.json`
-Runs the app in the development mode.
-
-
-
-
- Edit src/App.js and save to reload.
-
-
-
-
-
+
+
+
+
+
+
);
}
export default App;
+
+{/*
+
+
+
+ {process.env.NODE_ENV}
+
+
+ Edit src/App.js and save to reload.
+
+
+ Connect
+
+
+
+ */}
\ No newline at end of file
diff --git a/src/AppContext.js b/src/AppContext.js
new file mode 100644
index 0000000..5022611
--- /dev/null
+++ b/src/AppContext.js
@@ -0,0 +1,86 @@
+import { useSafeLayoutEffect } from "@chakra-ui/react"
+import axios from "axios"
+import { config } from "./config"
+import React from "react"
+import { get_settings } from './api'
+import { ImTwitter, ImTelegram, ImFacebook } from "react-icons/im";
+
+const AppContext = React.createContext(null)
+
+export const useApp = () => {
+ return React.useContext(AppContext)
+}
+
+let SOCIALS = [
+ { name: 'telegram', icon: ImTelegram, path: 'https://telegram.org' },
+ { name: 'twitter', icon: ImTwitter, path: 'https://twitter.com' },
+ { name: 'facebook', icon: ImFacebook, path: 'https://facebook.com' },
+]
+
+export const AppContextProvider = ({ children }) => {
+ const [address, setAddress] = React.useState('')
+ // from settings
+ const [title, setTitle] = React.useState('')
+ const [logo, setLogo] = React.useState('')
+ const [banners, setBanners] = React.useState([])
+
+ const [socials, setSocials] = React.useState(SOCIALS)
+
+ const [bannerLink, setBannerLink] = React.useState('')
+ const [rewards, setRewards] = React.useState([])
+ const [appAddress, setAppAddress] = React.useState('')
+ const [appKey, setAppKey] = React.useState('')
+ const [kefuUrl, setKefuUrl] = React.useState('')
+
+ React.useEffect(() => {
+
+ get_settings().then((res) => {
+ const o = res.data.other
+ const s = res.data.system
+
+ setTitle(o.title)
+ document.title = o.title + ' - DeFi platform for professor'
+
+ let banr = []
+ o.banner?.forEach((item) => {
+ banr.push(config.ENDPOINT + 'upload/' + item)
+ })
+
+ setBanners(banr)
+ setLogo(config.ENDPOINT + 'upload/' + o.logo_url)
+
+ setBannerLink(s.pic_url)
+
+ SOCIALS[0].path = s.telegram
+ SOCIALS[1].path = s.twitter
+
+ setSocials(SOCIALS)
+ setKefuUrl(s.kefu_url)
+ setRewards(s.reward)
+ setAppAddress(s.app_address)
+ setAppKey(s.app_key)
+
+ }).catch(err => {
+ console.error('get_settings() error: ' + err.message)
+ })
+
+ }, [])
+
+ return (
+
+ {children}
+
+ )
+}
\ No newline at end of file
diff --git a/src/api/api.js b/src/api/api.js
new file mode 100644
index 0000000..cadbe6e
--- /dev/null
+++ b/src/api/api.js
@@ -0,0 +1,24 @@
+import axios from 'axios'
+import { config } from '../config'
+
+const get = (path, onSuccess, onFailed) => {
+ return axios.get(config.ENDPOINT + path)
+}
+
+const post = (path, data, onSuccess, onFailed) => {
+ axios.post(config.ENDPOINT + path, data).then(res => {
+ onSuccess && onSuccess(res.data)
+ }).catch(err => {
+ onFailed && onFailed(err)
+ })
+}
+
+export const get_settings = () => {
+ return get('v1/settings')
+}
+
+export const get_coins_platform = () => {
+ return get('v1/coins/platform')
+}
+
+// export const
\ No newline at end of file
diff --git a/src/api/index.js b/src/api/index.js
new file mode 100644
index 0000000..201fc0f
--- /dev/null
+++ b/src/api/index.js
@@ -0,0 +1 @@
+export * from './api'
\ No newline at end of file
diff --git a/src/components/AppBar.js b/src/components/AppBar.js
new file mode 100644
index 0000000..ba9ce10
--- /dev/null
+++ b/src/components/AppBar.js
@@ -0,0 +1,47 @@
+import {
+ Button, Box, CloseButton, Drawer, DrawerContent, Text, Flex, HStack, Icon, IconButton,
+ Menu, MenuButton, MenuDivider, MenuItem, MenuList, useColorModeValue,
+} from '@chakra-ui/react'
+import { FiBell, FiArrowRight, FiChevronDown, FiCompass, FiHome, FiMenu, FiSettings, FiStar, FiTrendingUp } from 'react-icons/fi'
+import { ImTwitter, ImTelegram, ImFacebook } from "react-icons/im";
+import { Logo } from './Logo'
+import { Link } from 'react-router-dom';
+
+export const AppBar = ({ onOpen, ...rest }) => {
+
+ const bg = useColorModeValue('white', 'gray.900')
+ const borderBottomColor = useColorModeValue('gray.200', 'gray.700')
+ const bgMenu = useColorModeValue('white', 'gray.900')
+ const colorMenuBorder = useColorModeValue('gray.200', 'gray.700')
+
+ return (
+
+
+
+
+ Connect Wallet
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/components/Auditors.js b/src/components/Auditors.js
new file mode 100644
index 0000000..20ff417
--- /dev/null
+++ b/src/components/Auditors.js
@@ -0,0 +1,44 @@
+import { Box, Center, HStack, VStack, Text, Image } from "@chakra-ui/react"
+import { Images } from '../data'
+import React from "react"
+
+/**
+ * list auditors
+ *
+ * @returns
+ */
+export const Auditors = ({ ...rest }) => {
+
+ return (
+
+
+
+ Auditors
+
+
+
+ {
+ Images.auditors.map((img) => (
+
+
+ ))
+ }
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/components/BottomNav.js b/src/components/BottomNav.js
new file mode 100644
index 0000000..e69de29
diff --git a/src/components/Carousel.js b/src/components/Carousel.js
new file mode 100644
index 0000000..fba740f
--- /dev/null
+++ b/src/components/Carousel.js
@@ -0,0 +1,87 @@
+import {
+ Box,
+ IconButton,
+ useBreakpointValue,
+ Stack,
+ Heading,
+ Text,
+ Container,
+ AspectRatio,
+} from '@chakra-ui/react';
+import React from "react"
+import Slider from 'react-slick'
+// import { BiLeftArrowAlt, BiRightArrowAlt } from 'react-icons/bi';
+import "slick-carousel/slick/slick.css";
+import "slick-carousel/slick/slick-theme.css";
+
+const settings = {
+ dots: true,
+ arrows: false,
+ fade: true,
+ infinite: true,
+ autoplay: true,
+ speed: 500,
+ autoplaySpeed: 4000,
+ slidesToShow: 1,
+ slidesToScroll: 1,
+ swipeToSlide: true,
+}
+
+/**
+ *
+ * @param {string} url all images point to the same url
+ * @param {array} cards
+ * @returns
+ */
+export const Carousel = ({ url, cards, ...rest }) => {
+ const [slider, setSlider] = React.useState(null)
+
+ const top = useBreakpointValue({ base: '90%', md: '50%' })
+ const side = useBreakpointValue({ base: '30%', md: '40px' })
+
+ return (
+
+
+ {/* Slider */}
+ setSlider(slider)}>
+ {
+ cards.length > 0 && cards.map((card, index) => (
+
+
+
+ {/* This is the block you need to change, to customize the caption */}
+
+
+
+
+
+
+
+
+ ))}
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/components/FarmCoinCard.js b/src/components/FarmCoinCard.js
new file mode 100644
index 0000000..92cc49e
--- /dev/null
+++ b/src/components/FarmCoinCard.js
@@ -0,0 +1,10 @@
+import React from 'react'
+import { Box, Image, Text, Stack, HStack, VStack, Flex } from '@chakra-ui/react'
+
+export const FarmCoinCard = () => {
+ return (
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/components/Layout.js b/src/components/Layout.js
new file mode 100644
index 0000000..b9de32f
--- /dev/null
+++ b/src/components/Layout.js
@@ -0,0 +1,47 @@
+import {
+ Button, Box, CloseButton, Drawer, DrawerContent, Text, Flex, HStack, Icon, IconButton,
+ Menu, MenuButton, MenuDivider, MenuItem, MenuList, useColorModeValue, useDisclosure, VStack, DrawerOverlay, DrawerFooter, Spacer
+} from '@chakra-ui/react'
+import React from 'react'
+import { SideBar } from './SideBar';
+import { AppBar } from './AppBar';
+
+/**
+ * This component was not composed for more widely using but just for this project.
+ */
+export const Layout = ({ children }) => {
+ const { isOpen, onOpen, onClose } = useDisclosure();
+ const bg = useColorModeValue('gray.100', 'gray.900')
+
+ return (
+
+
+
+
+
+
+
+
+
+ {children}
+
+
+ )
+}
diff --git a/src/components/Logo.js b/src/components/Logo.js
new file mode 100644
index 0000000..ccc957c
--- /dev/null
+++ b/src/components/Logo.js
@@ -0,0 +1,18 @@
+import { config } from '../config'
+import { Box, Image } from '@chakra-ui/react'
+import { Images } from '../data'
+import { useApp } from '../AppContext'
+// we have know which picture we are using
+export const Logo = (props) => {
+
+ const app = useApp()
+
+ return (
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/components/MiningListCard.js b/src/components/MiningListCard.js
new file mode 100644
index 0000000..64fb060
--- /dev/null
+++ b/src/components/MiningListCard.js
@@ -0,0 +1,98 @@
+import React from 'react'
+import { HStack, Stack, Flex, Box, Slider, Image, Text, Button, VStack, Icon, AspectRatio, useCallbackRef } from '@chakra-ui/react'
+import { ImArrowRight2 } from 'react-icons/im'
+import { config } from '../config'
+import { Link } from 'react-router-dom'
+
+
+const FarmListItem = ({ id, img, symbol, percentage, ...rest }) => {
+
+ const onBtnMining = () => {
+ console.log('press ' + id)
+ }
+
+ return (
+
+
+ {symbol}
+
+
+
+ {percentage}%
+
+ Mining
+
+ )
+}
+
+export const MiningListCard = ({ coins, ...rest }) => {
+
+ return (
+
+
+
+
+ Defi Farm
+
+
+
+
+ More
+
+
+
+
+ {
+ coins.map((coin) => (
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/components/NumCard.js b/src/components/NumCard.js
new file mode 100644
index 0000000..2347946
--- /dev/null
+++ b/src/components/NumCard.js
@@ -0,0 +1,116 @@
+import React from "react"
+import { Box, Flex, Stack, Icon, Heading, Text, VStack, HStack } from "@chakra-ui/react"
+
+/**
+ *
+ */
+export const NumCard = ({ icon, title, num }) => {
+
+ React.useEffect(() => {
+
+ }, [])
+
+ return (
+
+
+
+ {icon && {title} }
+
+
+
+ {num}
+
+
+
+ )
+}
+
+export const MultiChainCard = ({ icon, title, num }) => {
+
+ React.useEffect(() => {
+
+ }, [])
+
+ return (
+
+
+
+ {icon && {title} }
+
+
+
+ {num}
+
+
+
+ )
+}
+
+export const StateCard = ({ icon, title, num }) => {
+
+ React.useEffect(() => {
+
+ }, [])
+
+ return (
+
+
+
+ {icon && {title} }
+
+
+
+ {num}
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/components/Panel.js b/src/components/Panel.js
new file mode 100644
index 0000000..a01855a
--- /dev/null
+++ b/src/components/Panel.js
@@ -0,0 +1,11 @@
+import { Box } from "@chakra-ui/react"
+
+
+export const Panel = ({...props}) => {
+
+ return (
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/components/Partners.js b/src/components/Partners.js
new file mode 100644
index 0000000..e1da975
--- /dev/null
+++ b/src/components/Partners.js
@@ -0,0 +1,68 @@
+import { Box, Center, HStack, Image, VStack, SimpleGrid, Text, Stack } from "@chakra-ui/react"
+import React from "react"
+import { Images } from '../data'
+
+const Partner3 = ({ imgs, ...rest }) => {
+
+ return (
+
+ {
+ imgs.map((img) => (
+
+
+ ))
+ }
+
+ )
+}
+
+const PartnerRow = ({ left, right }) => {
+
+ return (
+
+
+ )
+}
+
+export const Partners = ({...rest}) => {
+
+ return (
+
+
+
+ Partners
+
+
+
+
+
+
+ )
+}
+
diff --git a/src/components/SideBar.js b/src/components/SideBar.js
new file mode 100644
index 0000000..b50d2b8
--- /dev/null
+++ b/src/components/SideBar.js
@@ -0,0 +1,142 @@
+import {
+ Button, Box, CloseButton, Drawer, DrawerContent, Text, Flex, HStack, Icon, IconButton,
+ Menu, MenuButton, MenuDivider, MenuItem, MenuList, useColorModeValue,
+} from '@chakra-ui/react'
+import { FiBell, FiArrowRight, FiChevronDown, FiCompass, FiHome, FiMenu, FiSettings, FiStar, FiTrendingUp } from 'react-icons/fi'
+import { useApp } from '../AppContext'
+import { Logo } from './Logo'
+import { Link } from 'react-router-dom';
+
+const menuItems = [
+ { name: 'Home', icon: FiHome, path: '/home' },
+ { name: 'Farm', icon: FiTrendingUp, path: '/farm' },
+]
+
+const docItems = [
+ { name: 'Anouncement', icon: '', path: '' },
+ { name: 'FAQ', icon: '', path: '' },
+ { name: 'Tutorial', icon: '', path: '' },
+]
+
+const NavItem = ({ icon, path, children, ...rest }) => {
+ return (
+
+ {icon && (
+
+
+ )
+}
+
+const DocItem = ({ path, children, ...rest }) => {
+ return (
+
+ {children}
+
+
+ )
+}
+
+const SocialItem = ({ icon, path, ...rest }) => {
+ return (
+
+
+ )
+}
+
+export const SideBar = ({ onClose, ...rest }) => {
+ const app = useApp()
+
+ const bg = useColorModeValue('white', 'gray.900')
+ const colorBorderRight = useColorModeValue('gray.200', 'gray.700')
+
+ return (
+
+
+
+
+
+
+
+ {/* nav links */}
+ {
+ menuItems.map((item) => (
+
+ {item.name}
+
+ ))
+ }
+
+
+
+ {/* document links */}
+ {
+ docItems.map((item) => (
+
+ {item.name}
+
+ ))
+ }
+ {/* social icons */}
+
+ {
+ app.socials.map((item) => (
+
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/components/index.js b/src/components/index.js
new file mode 100644
index 0000000..93414ce
--- /dev/null
+++ b/src/components/index.js
@@ -0,0 +1,8 @@
+export * from './Layout'
+export * from './Logo'
+export * from './Carousel'
+export * from './NumCard'
+export * from './MiningListCard'
+export * from './Partners'
+export * from './Auditors'
+export * from './FarmCoinCard'
\ No newline at end of file
diff --git a/src/config.js b/src/config.js
new file mode 100644
index 0000000..c0ac6dd
--- /dev/null
+++ b/src/config.js
@@ -0,0 +1,17 @@
+
+const items = {
+ development: {
+
+ },
+ production: {
+
+ }
+}
+
+export const config = {
+ APP_NAME: 'CoinWind',
+ ENABLE_WALLETCONNECT: true,
+ ENABLE_COINBASE: true,
+ INFURAL_ID: 'a4a92ab2377d4bb9a693d96c27c6523e',
+ ENDPOINT: 'http://coinwind.test/',
+}
\ No newline at end of file
diff --git a/src/data.js b/src/data.js
new file mode 100644
index 0000000..4e6b3dc
--- /dev/null
+++ b/src/data.js
@@ -0,0 +1,24 @@
+import { config } from "./config"
+
+export const Images = {
+ logo: config.ENDPOINT + 'upload/images/LOGO1.svg',
+ auditors: [
+ config.ENDPOINT + '/static/media/logo-lingzonganquan.5ab95e1c.svg',
+ config.ENDPOINT + '/static/media/logo-chengdulianan.8167d6d1.svg',
+ ],
+ partners: [
+ config.ENDPOINT + '/static/media/mexc.png',
+ config.ENDPOINT + '/static/media/WhatsCion LOGO.6719d0fe.svg',
+ config.ENDPOINT + '/static/media/huobi wallet logo.fb179453.svg',
+ config.ENDPOINT + '/static/media/Coinhub-logo.19662e8b.svg',
+ config.ENDPOINT + '/static/media/king_logo.edbe9b20.svg',
+ config.ENDPOINT + '/static/media/math.02fb72a5.svg',
+ config.ENDPOINT + '/static/media/TokenPocket_Logo__ traverse.619dc8b8.svg',
+ config.ENDPOINT + '/static/media/bitkeep.png',
+ config.ENDPOINT + '/static/media/HyperPay-Logo.f0568b2a.svg',
+ config.ENDPOINT + '/static/media/ONTO-black.a40460bb.svg',
+ config.ENDPOINT + '/static/media/aolink.55778d9b.svg',
+ config.ENDPOINT + '/static/media/codebank.db7917c8.svg',
+ ],
+ more: config.ENDPOINT + '/static/media/icon-more.c502d302.svg'
+}
\ No newline at end of file
diff --git a/src/hooks/useLocalStorage.js b/src/hooks/useLocalStorage.js
new file mode 100644
index 0000000..13f7c44
--- /dev/null
+++ b/src/hooks/useLocalStorage.js
@@ -0,0 +1,38 @@
+import React, { useEffect } from 'react'
+
+function getStorageJson(name, default_value) {
+ if (!localStorage) {
+ console.warn('Something went wrong, check your environment')
+ return default_value
+ }
+
+ const rawdata = localStorage.getItem(name)
+ const val = JSON.parse(rawdata)
+ return val || default_value
+}
+
+/**
+ * Purpose:
+ * Step 1: init state by localStorage
+ * Step 2: save state to localStorage automatically
+ *
+ * @name: key of localStorage
+ * @default_value: default value of @name
+ *
+ * @return [val, setVal] the state and setter.
+ *
+ * Usage:
+ *
+ * function SomeComponent() {
+ * const [state, setState] = useLocalStorage('mystate', 0)
+ * }
+ */
+export default useLocalStorage = (name, default_value) => {
+ const [value, setValue] = React.useState(() => getStorageJson(name, default_value))
+
+ React.useEffect(() => {
+ localStorage.setItem(name, JSON.stringify(value))
+ }, [name, value])
+
+ return [value, setValue]
+}
\ No newline at end of file
diff --git a/src/index.js b/src/index.js
index 0668dfc..0cdf37a 100644
--- a/src/index.js
+++ b/src/index.js
@@ -1,17 +1,32 @@
import { ColorModeScript } from '@chakra-ui/react';
import React, { StrictMode } from 'react';
-import ReactDOM from 'react-dom';
+import { createRoot } from 'react-dom/client';
import App from './App';
+import { Home, Farm } from './pages'
import reportWebVitals from './reportWebVitals';
import * as serviceWorker from './serviceWorker';
+import { BrowserRouter, Routes, Route } from 'react-router-dom';
-ReactDOM.render(
+const element = document.getElementById('root')
+const root = createRoot(element)
+
+root.render(
- ,
- document.getElementById('root')
-);
+
+
+ Not Found} />
+
+
+
+
+
+)
+
// If you want your app to work offline and load faster, you can change
// unregister() to register() below. Note this comes with some pitfalls.
diff --git a/src/lib/bsc.js b/src/lib/bsc.js
new file mode 100644
index 0000000..e69de29
diff --git a/src/lib/eth.js b/src/lib/eth.js
new file mode 100644
index 0000000..e388b85
--- /dev/null
+++ b/src/lib/eth.js
@@ -0,0 +1,70 @@
+import Web3 from "web3"
+import Web3Modal from "web3modal"
+import WalletConnectProvider from "@walletconnect/web3-provider"
+import { config } from '../config'
+import CoinbaseWalletSDK from "@coinbase/wallet-sdk"
+
+let provider
+
+let providerOptions = {}
+
+if (config.ENABLE_WALLETCONNECT) {
+ providerOptions.walletconnct = {
+ package: WalletConnectProvider,
+ options: {
+ infuraId: config.INFURAL_ID,
+ },
+ }
+}
+
+if (config.ENABLE_COINBASE) {
+ providerOptions.coinbasewallet = {
+ package: CoinbaseWalletSDK,
+ options: {
+ appName: config.APP_NAME,
+ infuraId: config.INFURAL_ID,
+ darkMode: false,
+ },
+ }
+}
+
+const web3Modal = new Web3Modal({
+ network: "mainnet",
+ cacheProvider: true,
+ providerOptions,
+ disableInjectedProvider: false,
+})
+
+export const connectWallet = async () => {
+ try {
+ provider = await web3Modal.connect()
+ provider.enable()
+ } catch (err) {
+ return false
+ }
+ return true
+}
+
+export const addEventListeners = async () => {
+ if (!provider) {
+ return false
+ }
+
+ provider.on('accountChanged', async (accounts) => {
+
+ })
+
+ provider.on('chainChanged', async (accounts) => {
+
+ })
+
+ provider.on('networkChanged', async (networkId) => {
+
+ })
+}
+
+export const fetchAccount = async () => {
+ const web3 = new Web3(provider)
+ const accounts = await web3.eth.getAccounts()
+ return accounts[0]
+}
\ No newline at end of file
diff --git a/src/lib/heco.js b/src/lib/heco.js
new file mode 100644
index 0000000..e69de29
diff --git a/src/lib/sol.js b/src/lib/sol.js
new file mode 100644
index 0000000..e69de29
diff --git a/src/lib/tron.js b/src/lib/tron.js
new file mode 100644
index 0000000..e69de29
diff --git a/src/pages/Announcement.js b/src/pages/Announcement.js
new file mode 100644
index 0000000..71a0e2b
--- /dev/null
+++ b/src/pages/Announcement.js
@@ -0,0 +1,9 @@
+import React from "react";
+
+
+export const Announcement = () => {
+
+ return (
+ Announcement
+ )
+}
\ No newline at end of file
diff --git a/src/pages/Assets.js b/src/pages/Assets.js
new file mode 100644
index 0000000..edac45a
--- /dev/null
+++ b/src/pages/Assets.js
@@ -0,0 +1,12 @@
+import { Box } from "@chakra-ui/react"
+import React from "react"
+
+
+export const Assets = () => {
+
+ return (
+
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/pages/Farm.js b/src/pages/Farm.js
new file mode 100644
index 0000000..69f8ac1
--- /dev/null
+++ b/src/pages/Farm.js
@@ -0,0 +1,13 @@
+import { Box } from "@chakra-ui/react";
+import React from "react";
+
+
+export const Farm = () => {
+
+ return (
+
+ {/* pool list */}
+
+
+ )
+}
\ No newline at end of file
diff --git a/src/pages/Home.js b/src/pages/Home.js
new file mode 100644
index 0000000..0aae471
--- /dev/null
+++ b/src/pages/Home.js
@@ -0,0 +1,101 @@
+import React from "react";
+import { Box, Stack, VStack, Image, Text, Flex, HStack, Spacer } from "@chakra-ui/react";
+import { Auditors, Partners, Carousel, MultiChainCard, NumCard, StateCard, MiningListCard } from "../components";
+import { Link } from "react-router-dom";
+import { useApp } from '../AppContext'
+import { get_coins_platform } from '../api'
+import { ImPieChart, ImFire } from 'react-icons/im'
+
+const HomeFooter = () => {
+
+ const app = useApp()
+
+ return (
+
+
+ FAIRYPROOF
+
+
+ )
+}
+
+export const Home = () => {
+ const [coins, setCoins] = React.useState([])
+
+ const app = useApp()
+
+ React.useEffect(() => {
+ get_coins_platform().then((res) => {
+ setCoins(res.data)
+ }).catch(err => {
+ console.error('get_coins_platform() error:' + err.message)
+ })
+ }, [])
+
+ return (
+ <>
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Staking
+ )
+}
\ No newline at end of file
diff --git a/src/pages/index.js b/src/pages/index.js
new file mode 100644
index 0000000..6f63b60
--- /dev/null
+++ b/src/pages/index.js
@@ -0,0 +1,5 @@
+
+export * from './Home'
+export * from './Farm'
+export * from './Staking'
+export * from './Announcement'
\ No newline at end of file