ethereum-lite-explorer-frontend

Description

This project is an open-source block explorer on EVM chain. If you follow this repository, you can run explorer in localhost. This repository provides crawling code and backend code for Explorer, and you can find frontend code in this repository.

Preview

Getting Started

Setting up Server

• Go to the link below to set up server step by step.
• First, set up Crawling server and Database
  • https://github.com/Generation-Foundation/ethereum-lite-explorer-crawling
• Second, set up Backend server
  • https://github.com/Generation-Foundation/ethereum-lite-explorer-back

Installing

After the above server installation is complete, install the following tasks

• Git clone this repo

git clone https://github.com/Generation-Foundation/ethereum-lite-explorer-front.git

• On macOS and Ubuntu, create .env to set GENERATE_SOURCEMAP

GENERATE_SOURCEMAP=false

• On Window, modify package.json to set GENERATE_SOURCEMAP

  "scripts": {
    "start": ""set \"GENERATE_SOURCEMAP=false\" && node scripts/start.js",
    "build": ""set \"GENERATE_SOURCEMAP=false\" && node scripts/build.js",
    "test": "node scripts/test.js"
  },

• Modify 'baseURL' in /src/redux/reducer/etherApi.js to your blockchain RPC URL

import axios from "axios";

const etherApi = axios.create({
    //change your blockchain rpc url
    baseURL : "https://eth.public-rpc.com",
    //baseURL : "https://testnet-rpc-seoul.gen.foundation",
    headers : {'content-type' : "application/json"}
})

export default etherApi

• Modify 'baseURL' in /src/redux/reducer/dbApi.js to your backend server

import axios from "axios";

const dbApi = axios.create({
    //change your backend server
    baseURL : "http://localhost:3001",
    headers : {'content-type' : "application/json"}
})

export default dbApi

• Run it local with the following command

npm install --save
npm start

Deploy

Deployed using AWS amplify.

npm run build

Architecture

If running only on localhost, it will proceed on the following ports.

• Front - http://localhost:3000
• Back - http://localhost:3001
• Crawling - http://localhost:3006

Contributors

Thanks goes to these wonderful people (emoji key):

Ben 🧑‍🏫 🤔 📆 💬

Danny 💻 🤔 🔣 📖 🚧

Woody 💻 ⚠️

Developed

Developing by Generation Foundation

Our Services and Community

• Official Website
• Generation Explorer