Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/wojciechmarek/robo-punks
The pixel-art landing page of a fake RoboPunks retro game with MetaMask (Ethereum) wallet integration.
https://github.com/wojciechmarek/robo-punks
chakra-ui crupto crypto cryptocurrency ethereum hardhat metamask modern-ui pixel-art react solidity wallet web3
Last synced: 2 days ago
JSON representation
The pixel-art landing page of a fake RoboPunks retro game with MetaMask (Ethereum) wallet integration.
- Host: GitHub
- URL: https://github.com/wojciechmarek/robo-punks
- Owner: wojciechmarek
- Created: 2022-12-14T20:33:00.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2023-09-26T21:34:29.000Z (over 1 year ago)
- Last Synced: 2024-11-30T02:12:44.908Z (2 months ago)
- Topics: chakra-ui, crupto, crypto, cryptocurrency, ethereum, hardhat, metamask, modern-ui, pixel-art, react, solidity, wallet, web3
- Language: JavaScript
- Homepage: https://robo-punks-ochre.vercel.app
- Size: 79.7 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Robo Punks
A sample landing page of a fake Robo Punks retro game. Based on the YouTube tutorial.
## Purpose
The Robo Punks website was created to enhance my programming skills and learn how to connect a web app to a Metamask wallet.
## Demo
A live demo is available at: [https://robo-punks-ochre.vercel.app](https://robo-punks-ochre.vercel.app)
## Screenshots
- Landing page:
![robo](https://user-images.githubusercontent.com/27026036/207710769-98c1eaa8-1ae3-434c-a624-f56d89a7f5a2.png)
- Landing page - animated background:
![robopunks](https://user-images.githubusercontent.com/27026036/207710188-5f0ca989-a9ec-4bc5-8bff-cd93bc8a5b9b.gif)
## Used technologies
- Visual Studio Code
- Create React App
- ChakraUI library
- Hardhat - an Ethereum development platform
- Smart contracts (solidity language)## How to run
It is a regular CRA (Create React Application) application, restore npm packages: `npm i`, then start a development server: `npm start`.