Giter Site home page Giter Site logo

hectordao's Introduction

This is the front-end repo for Hector that allows users be part of the future of Greece.

๐Ÿ”ง Setting up Local Development

Required:

$ git clone https://github.com/Hector-DAO/HectorDAO.git
$ cd hectordao

# set up your environment variables
# read the comments in the .env files for what is required/optional
$ cp .env.example .env

# fill in your own values in .env, then =>
$ yarn
$ yarn start

The site is now running at http://localhost:3000! Open the source code and start editing!

Architecture/Layout

The app is written in React using Redux as the state container.

The files/folder structure are a WIP and may contain some unused files. The project is rapidly evolving so please update this section if you see it is inaccurate!

./src/
โ”œโ”€โ”€ App.jsx       // Main app page
โ”œโ”€โ”€ abi/          // Contract ABIs from etherscan.io
โ”œโ”€โ”€ actions/      // Redux actions 
โ”œโ”€โ”€ assets/       // Static assets (SVGs)
โ”œโ”€โ”€ components/   // Reusable individual components
โ”œโ”€โ”€ constants.js/ // Mainnet Addresses & common ABI
โ”œโ”€โ”€ contracts/    // TODO: The contracts be here as submodules
โ”œโ”€โ”€ helpers/      // Helper methods to use in the app
โ”œโ”€โ”€ hooks/        // Shared reactHooks
โ”œโ”€โ”€ themes/       // Style sheets for dark vs light theme
โ””โ”€โ”€ views/        // Individual Views

๐Ÿ—ฃ Community

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.