├── .vscode └── settings.json ├── src ├── components │ ├── Staking │ │ ├── RightPanel.js │ │ ├── Warning.js │ │ ├── Checkpoints.js │ │ ├── CheckpointCard.js │ │ ├── StakingCard.js │ │ ├── Tabs.js │ │ └── Wizard.js │ ├── Background.js │ ├── Switch.js │ ├── Home │ │ ├── System.js │ │ ├── Round1.js │ │ ├── Advisors.js │ │ ├── Contact.js │ │ ├── AdvisorCard.js │ │ ├── RoundCard.js │ │ ├── Round2.js │ │ ├── AboutUs.js │ │ └── Hero.js │ ├── Footer.js │ ├── Projects │ │ ├── ProjectsOpen.js │ │ ├── ProjectsClosed.js │ │ ├── ProjectsComing.js │ │ └── CustomCard.js │ ├── Header.js │ └── Card.js ├── logo.ico ├── assets │ ├── logo.png │ ├── img │ │ ├── map.png │ │ ├── aboutus.png │ │ ├── green_1.png │ │ ├── green_2.png │ │ ├── round2.png │ │ ├── partner_1.png │ │ ├── partner_2.png │ │ ├── laptop_hands.jpg │ │ ├── pancake-swap.png │ │ ├── team_member_1.jpg │ │ ├── team_member_2.jpg │ │ ├── team_member_3.jpg │ │ ├── team_member_4.jpg │ │ └── partner_0.svg │ ├── css │ │ └── fonts │ │ │ ├── fl1_shelly.ttf │ │ │ ├── fl3_palette.ttf │ │ │ ├── fl4_gando.ttf │ │ │ ├── fm1_palace.ttf │ │ │ ├── fm2_times.ttf │ │ │ ├── fl2_bernhard.ttf │ │ │ ├── fl5_finehand.ttf │ │ │ └── fm3_times_kursiv.ttf │ └── variables.js ├── redux │ ├── types.js │ ├── reducers │ │ ├── dataReducer.js │ │ └── uiReducer.js │ ├── actions │ │ └── index.js │ └── store.js ├── setupTests.js ├── App.test.js ├── index.css ├── reportWebVitals.js ├── index.js ├── pages │ ├── Projects.js │ ├── Home.js │ ├── Error.js │ └── Staking.js ├── App.js └── App.css ├── public ├── favicon.ico ├── logo192.png ├── logo512.png ├── robots.txt ├── manifest.json └── index.html ├── .gitignore ├── README.md └── package.json /.vscode/settings.json: -------------------------------------------------------------------------------- 1 | { 2 | } -------------------------------------------------------------------------------- /src/components/Staking/RightPanel.js: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /src/logo.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AringoldX/BSCpad-frontend/HEAD/src/logo.ico -------------------------------------------------------------------------------- /public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AringoldX/BSCpad-frontend/HEAD/public/favicon.ico -------------------------------------------------------------------------------- /public/logo192.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AringoldX/BSCpad-frontend/HEAD/public/logo192.png -------------------------------------------------------------------------------- /public/logo512.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AringoldX/BSCpad-frontend/HEAD/public/logo512.png -------------------------------------------------------------------------------- /public/robots.txt: -------------------------------------------------------------------------------- 1 | # https://www.robotstxt.org/robotstxt.html 2 | User-agent: * 3 | Disallow: 4 | -------------------------------------------------------------------------------- /src/assets/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AringoldX/BSCpad-frontend/HEAD/src/assets/logo.png -------------------------------------------------------------------------------- /src/assets/img/map.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AringoldX/BSCpad-frontend/HEAD/src/assets/img/map.png -------------------------------------------------------------------------------- /src/assets/img/aboutus.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AringoldX/BSCpad-frontend/HEAD/src/assets/img/aboutus.png -------------------------------------------------------------------------------- /src/assets/img/green_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AringoldX/BSCpad-frontend/HEAD/src/assets/img/green_1.png -------------------------------------------------------------------------------- /src/assets/img/green_2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AringoldX/BSCpad-frontend/HEAD/src/assets/img/green_2.png -------------------------------------------------------------------------------- /src/assets/img/round2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AringoldX/BSCpad-frontend/HEAD/src/assets/img/round2.png -------------------------------------------------------------------------------- /src/assets/img/partner_1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AringoldX/BSCpad-frontend/HEAD/src/assets/img/partner_1.png -------------------------------------------------------------------------------- /src/assets/img/partner_2.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AringoldX/BSCpad-frontend/HEAD/src/assets/img/partner_2.png -------------------------------------------------------------------------------- /src/assets/img/laptop_hands.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AringoldX/BSCpad-frontend/HEAD/src/assets/img/laptop_hands.jpg -------------------------------------------------------------------------------- /src/assets/img/pancake-swap.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AringoldX/BSCpad-frontend/HEAD/src/assets/img/pancake-swap.png -------------------------------------------------------------------------------- /src/assets/img/team_member_1.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AringoldX/BSCpad-frontend/HEAD/src/assets/img/team_member_1.jpg -------------------------------------------------------------------------------- /src/assets/img/team_member_2.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AringoldX/BSCpad-frontend/HEAD/src/assets/img/team_member_2.jpg -------------------------------------------------------------------------------- /src/assets/img/team_member_3.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AringoldX/BSCpad-frontend/HEAD/src/assets/img/team_member_3.jpg -------------------------------------------------------------------------------- /src/assets/img/team_member_4.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AringoldX/BSCpad-frontend/HEAD/src/assets/img/team_member_4.jpg -------------------------------------------------------------------------------- /src/assets/css/fonts/fl1_shelly.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AringoldX/BSCpad-frontend/HEAD/src/assets/css/fonts/fl1_shelly.ttf -------------------------------------------------------------------------------- /src/assets/css/fonts/fl3_palette.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AringoldX/BSCpad-frontend/HEAD/src/assets/css/fonts/fl3_palette.ttf -------------------------------------------------------------------------------- /src/assets/css/fonts/fl4_gando.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AringoldX/BSCpad-frontend/HEAD/src/assets/css/fonts/fl4_gando.ttf -------------------------------------------------------------------------------- /src/assets/css/fonts/fm1_palace.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AringoldX/BSCpad-frontend/HEAD/src/assets/css/fonts/fm1_palace.ttf -------------------------------------------------------------------------------- /src/assets/css/fonts/fm2_times.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AringoldX/BSCpad-frontend/HEAD/src/assets/css/fonts/fm2_times.ttf -------------------------------------------------------------------------------- /src/assets/css/fonts/fl2_bernhard.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AringoldX/BSCpad-frontend/HEAD/src/assets/css/fonts/fl2_bernhard.ttf -------------------------------------------------------------------------------- /src/assets/css/fonts/fl5_finehand.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AringoldX/BSCpad-frontend/HEAD/src/assets/css/fonts/fl5_finehand.ttf -------------------------------------------------------------------------------- /src/assets/css/fonts/fm3_times_kursiv.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/AringoldX/BSCpad-frontend/HEAD/src/assets/css/fonts/fm3_times_kursiv.ttf -------------------------------------------------------------------------------- /src/redux/types.js: -------------------------------------------------------------------------------- 1 | // ui loading reducer types 2 | export const SET_LOADING = 'SET_LOADING'; 3 | export const STOP_LOADING = 'STOP_LOADING'; -------------------------------------------------------------------------------- /src/components/Background.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | 3 | export default function Background() { 4 | return ( 5 |
6 |
7 | ) 8 | } -------------------------------------------------------------------------------- /src/setupTests.js: -------------------------------------------------------------------------------- 1 | // jest-dom adds custom jest matchers for asserting on DOM nodes. 2 | // allows you to do things like: 3 | // expect(element).toHaveTextContent(/react/i) 4 | // learn more: https://github.com/testing-library/jest-dom 5 | import '@testing-library/jest-dom'; 6 | -------------------------------------------------------------------------------- /src/redux/reducers/dataReducer.js: -------------------------------------------------------------------------------- 1 | import { } from '../types'; 2 | 3 | const initialState = {}; 4 | 5 | export default function dataReducer(state = initialState, action) { 6 | switch (action.type) { 7 | default: 8 | return state; 9 | } 10 | } -------------------------------------------------------------------------------- /src/App.test.js: -------------------------------------------------------------------------------- 1 | import { render, screen } from '@testing-library/react'; 2 | import App from './App'; 3 | 4 | test('renders learn react link', () => { 5 | render(); 6 | const linkElement = screen.getByText(/learn react/i); 7 | expect(linkElement).toBeInTheDocument(); 8 | }); 9 | -------------------------------------------------------------------------------- /src/redux/actions/index.js: -------------------------------------------------------------------------------- 1 | import { 2 | SET_LOADING, 3 | STOP_LOADING, 4 | } from '../types'; 5 | 6 | // loading actions 7 | const setLoading = () => (dispatch) => { dispatch({ type: SET_LOADING }); } 8 | const stopLoading = () => (dispatch) => { dispatch({ type: STOP_LOADING }); } 9 | 10 | export { 11 | setLoading, 12 | stopLoading, 13 | }; -------------------------------------------------------------------------------- /src/index.css: -------------------------------------------------------------------------------- 1 | body { 2 | margin: 0; 3 | font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 4 | 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', 5 | sans-serif; 6 | -webkit-font-smoothing: antialiased; 7 | -moz-osx-font-smoothing: grayscale; 8 | } 9 | 10 | code { 11 | font-family: source-code-pro, Menlo, Monaco, Consolas, 'Courier New', 12 | monospace; 13 | } 14 | -------------------------------------------------------------------------------- /src/reportWebVitals.js: -------------------------------------------------------------------------------- 1 | const reportWebVitals = onPerfEntry => { 2 | if (onPerfEntry && onPerfEntry instanceof Function) { 3 | import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => { 4 | getCLS(onPerfEntry); 5 | getFID(onPerfEntry); 6 | getFCP(onPerfEntry); 7 | getLCP(onPerfEntry); 8 | getTTFB(onPerfEntry); 9 | }); 10 | } 11 | }; 12 | 13 | export default reportWebVitals; 14 | -------------------------------------------------------------------------------- /.gitignore: -------------------------------------------------------------------------------- 1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files. 2 | 3 | # dependencies 4 | /node_modules 5 | /.pnp 6 | .pnp.js 7 | 8 | # testing 9 | /coverage 10 | 11 | # production 12 | /build 13 | 14 | # misc 15 | .DS_Store 16 | .env.local 17 | .env.development.local 18 | .env.test.local 19 | .env.production.local 20 | 21 | npm-debug.log* 22 | yarn-debug.log* 23 | yarn-error.log* 24 | 25 | package-lock.json 26 | yarn.lock -------------------------------------------------------------------------------- /src/index.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | import ReactDOM from 'react-dom'; 3 | import { BrowserRouter as Router } from 'react-router-dom'; 4 | 5 | import './index.css'; 6 | import "./assets/css/bootstrap.min.css"; 7 | import App from './App'; 8 | 9 | import reportWebVitals from './reportWebVitals'; 10 | 11 | ReactDOM.render( 12 | 13 | 14 | , 15 | document.getElementById('root') 16 | ); 17 | 18 | reportWebVitals(); 19 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # BSCPad Binance Smart Chain Network 2 | **BSCPad Binance Smart Chain Network** is a frontend with no backend written in React.js. 3 | 4 | ### Installing 5 | #### Manual 6 | 7 | * yarn install 8 | * yarn start 9 | If you make changes to code, your pages will automatically reload. 10 | 11 | ## Live URL 12 | Demo: https://bscpad-react-frontend-blockchain.vercel.app/ 13 | 14 | ## License 15 | 16 | This project is licensed under the GIT License. 17 | -------------------------------------------------------------------------------- /src/components/Switch.js: -------------------------------------------------------------------------------- 1 | import React, { useState } from 'react'; 2 | 3 | export default function Switch() { 4 | const [selected, setSelected] = useState(0); 5 | 6 | 7 | return ( 8 |
9 | setSelected(0)}>Live 10 | setSelected(1)}>Finished 11 |
12 | ); 13 | } -------------------------------------------------------------------------------- /src/redux/reducers/uiReducer.js: -------------------------------------------------------------------------------- 1 | import { SET_LOADING, STOP_LOADING } from '../types'; 2 | 3 | const initialState = { 4 | loading: false, 5 | }; 6 | 7 | export default function uiReducer(state = initialState, action) { 8 | switch (action.type) { 9 | case SET_LOADING: 10 | return { ...state, loading: true }; 11 | case STOP_LOADING: 12 | return { ...state, loading: false }; 13 | default: 14 | return state; 15 | } 16 | } -------------------------------------------------------------------------------- /public/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "short_name": "React App", 3 | "name": "Create React App Sample", 4 | "icons": [ 5 | { 6 | "src": "favicon.ico", 7 | "sizes": "64x64 32x32 24x24 16x16", 8 | "type": "image/x-icon" 9 | }, 10 | { 11 | "src": "logo192.png", 12 | "type": "image/png", 13 | "sizes": "192x192" 14 | }, 15 | { 16 | "src": "logo512.png", 17 | "type": "image/png", 18 | "sizes": "512x512" 19 | } 20 | ], 21 | "start_url": ".", 22 | "display": "standalone", 23 | "theme_color": "#000000", 24 | "background_color": "#ffffff" 25 | } 26 | -------------------------------------------------------------------------------- /src/components/Home/System.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react'; 2 | 3 | import Round1 from './Round1'; 4 | import Round2 from './Round2'; 5 | 6 | export default class System extends Component { 7 | render() { 8 | return ( 9 |
10 |

The BSCPad Tiered System

11 |

BSCPad will showcase a fixed tier system based on the number of tokens held.

12 | 13 | 14 | 15 |
16 | ); 17 | } 18 | } 19 | -------------------------------------------------------------------------------- /public/index.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | BSCPad 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | -------------------------------------------------------------------------------- /src/components/Home/Round1.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react'; 2 | 3 | import RoundCard from './RoundCard'; 4 | 5 | import { rounds } from '../../assets/variables'; 6 | 7 | export default class Round1 extends Component { 8 | render() { 9 | return ( 10 |
11 |

ROUND 1 - ALLOCATION ROUND

12 | 13 |
14 | {rounds.map((round, index) => { return })} 15 |
16 |
17 | ); 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /src/redux/store.js: -------------------------------------------------------------------------------- 1 | import { createStore, combineReducers, applyMiddleware, compose } from 'redux'; 2 | import thunk from 'redux-thunk'; 3 | 4 | import uiReducer from './reducers/uiReducer'; 5 | import dataReducer from './reducers/dataReducer'; 6 | 7 | const initialState = {}; 8 | const middleware = [thunk]; 9 | 10 | const reducers = combineReducers({ 11 | ui: uiReducer, 12 | data: dataReducer, 13 | }); 14 | 15 | const store = createStore( 16 | reducers, 17 | initialState, 18 | compose( 19 | applyMiddleware(...middleware), 20 | // window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__() 21 | ) 22 | ); 23 | 24 | export default store; 25 | -------------------------------------------------------------------------------- /src/components/Footer.js: -------------------------------------------------------------------------------- 1 | import React, { Component } from 'react'; 2 | import { Link } from 'react-router-dom'; 3 | 4 | export default class Footer extends Component { 5 | render() { 6 | return ( 7 |
8 |
9 | Copyright © 2021. All Rights Reserved by BSCPad 10 | v1.1.6 11 |
12 | Privacy Policy 13 | Impress 14 |
15 |
16 |
17 | ); 18 | } 19 | } 20 | -------------------------------------------------------------------------------- /src/pages/Projects.js: -------------------------------------------------------------------------------- 1 | import React from 'react'; 2 | 3 | import Header from '../components/Header'; 4 | import Footer from '../components/Footer'; 5 | import Background from '../components/Background'; 6 | import ProjectsOpen from '../components/Projects/ProjectsOpen'; 7 | import ProjectsComing from '../components/Projects/ProjectsComing'; 8 | import ProjectsClosed from '../components/Projects/ProjectsClosed'; 9 | 10 | export default function Projects() { 11 | 12 | return ( 13 | <> 14 |
15 | 16 | 17 | 18 | 19 |