My attempt at combining a DEX and a DAO to provide a transparent donation process.
Currently build using MERN stack + Solidity.
The purpose of this project is to create a MERN stack application that will incorporate smart contracts to distribute money.
The DEX will collect a small percentage of trader fees into a pool. This pool's allocation will be decided by a DAO where users can vote for where the money should be allocated to (countries in need), and receive an incentive token if that proposal wins.
This will incorporate the Ethereum Virtual Machine to deploy the application, once the current objectives have been met.
- Incorporate JSON Web Tokens for authentication
- Create a basic profile page
- Fix CSS media queries at very small & big screen sizes
The "the How" section will embed a short animated infographic video to explain the DApp.
A MongoDB database is used to store customer accounts using a REST API.
Authentication code for front end and back end has been implemented. See backend/customer.crypto.js and src/password.jsx.
For example, the below image shows what is required for a password.
Success! Once an created had been created, the user will be redirected to the home page, but logged in.
Current draft of the donation page via Figma. This page will explain the series of transaction processes that will occur on the blockchain (in laymans terms).
Javascript events will be used to trigger the next frame.
Having used primary JSX (HTML/JS) with pure CSS, I have learnt a lot about the mindset shift required for working with a react.js app.
The swift component rendering, as opposed to the entire page, provides a seamless user experience.
The total list of tech stack:
- HTML
- CSS
- JS/JSX
- Node/Express.js
- Mongoose/MongoDB
- Figma - UX/UI design
- EVM - Truffle, web3, Ganache
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent