This project simulates Ethereum native token transactions using a local development setup. It focuses on demonstrating full-stack web development capabilities with technologies like React, Redux, and Node.js, alongside blockchain interaction via Ethereum. The application allows users to perform actions like connecting a wallet, sending transactions, and viewing a list of transactions, all managed within a simulated blockchain environment.
- Frontend: React (with TypeScript), Redux, Apollo Client, Tailwind CSS
- Backend: Node.js server, GraphQL, MongoDB
- Blockchain: Local Ganache Ethereum chain
- Containerization: Docker
- Docker: Version 24 or newer. Install Docker
- Metamask browser extension. Install Metamask
-
Clone the repository: git clone https://github.com/alwihar/Colony
-
Navigate to the project directory: cd Colony
-
Run the Docker containers: docker compose up --build
-
To stop the application: docker compose down
- Frontend: Open http://localhost:3000 in your browser to access the web interface.
- GraphQL Playground: Access the API at http://localhost:4000/graphql.
- Connect your Metamask wallet to the local Ganache network at http://localhost:8545.
- Perform transactions by sending Ethereum tokens via the UI to other wallet addresses displayed in the console output.
- View transaction details by clicking on individual transactions in the list.