GithubHelp home page GithubHelp logo

cpquinn98k / squid-dao-web Goto Github PK

View Code? Open in Web Editor NEW

This project forked from cre8rdao/squid-dao-web

0.0 0.0 0.0 46.08 MB

License: MIT License

Shell 0.30% JavaScript 52.75% HTML 0.21% SCSS 5.28% TypeScript 41.46%

squid-dao-web's Introduction

๐Ÿฆ‘ SQUID DAO Frontend

This is the front-end repo for SQUID DAO.

๐Ÿ”ง Setting up Local Development

Required:

$ git clone https://github.com/squiddaodev/squid-dao-web.git
$ cd squid-dao-web

# 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

squid-dao-web's People

Contributors

breznik avatar duncan4123 avatar squiddaodev avatar

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.