Skip to content

Commit

Permalink
Merge pull request #1 from byhow/docs/open-to-public
Browse files Browse the repository at this point in the history
Docs/housekeeping
  • Loading branch information
byhow authored Nov 10, 2024
2 parents 1dabcc6 + da2809e commit 739f34e
Showing 1 changed file with 8 additions and 12 deletions.
20 changes: 8 additions & 12 deletions README.md
Original file line number Diff line number Diff line change
@@ -1,9 +1,11 @@
# Wrap WETH On Arbitrum

## Abstract
This is a simple Client side Next.js App w/ Typescript for you to wrap/unwrap ETH on Arbitrum. You can also visit [here](https://wrap-eth-arbitrum.vercel.app) if you don't want to set it up locally yourself.

This is a simple Client side Next.js App w/ Typescript for you to wrap/unwrap ETH on Arbitrum. You can also visit [here](https://wrap-eth-arbitrum.vercel.app) if you don't want to set it up locally yourself.

Some of the notable packages that were used:

- [Next.js](https://nextjs.org/) - mega react framework
- [TailwindCSS](https://tailwindcss.com/) - de facto css framework
- [RainbowKit](https://www.rainbowkit.com) - plug and play wallet connect
Expand All @@ -15,31 +17,25 @@ Some of the notable packages that were used:
- [Iconify](https://iconify.design/) - free icons

## Running locally

1. Make sure this is on node >= 20.x and pnpm >= 9.x
1. Run `cp .env.example .env` and fill in your own config for the node
1. Run `pnpm install` then `pnpm dev`

## Test

This code is 100% test covered (except view, hooks and constants), and you can check the test by running `pnpm test` and coverage by running `pnpm coverage`. Each component test suites are under their corresponding folders, and for util functions are in `/tests`.

## Build
There are also build pipelines that runs over github actions


## Requirement
- use Next.js, React, TypeScript
- use RainbowKit
- NO react component lib or headless UI
- wrap and unwrap ETH on Arbitrum (L2)
- need to talk to WETH contract directly
- NO 0x API
- reference the Matcha/Uniswap UX of wrapping and unwrapping
There are also build pipelines that runs over github actions

### Specs

-`README.md` that provides instructions for how to run the application and anything else.
- A user can connect a wallet (please use [RainbowKit](https://www.rainbowkit.com/)).
- A user can wrap and unwrap the native asset on Arbitrum.
- A user should see a **confirmation UI** that their wrap (or unwrap) transaction was successful.
- A user can **press a link to view the transaction** on a block explorer like [Arbiscan](https://arbiscan.io/).
- A user should have the ability to **wrap (and unwrap) again** after successfully completing a wrap (or unwrap).
- A few **tests** that provide confidence in the app (we recommend [react-testing-library](https://testing-library.com/docs/react-testing-library/intro/)).
- A few **tests** that provide confidence in the app (we recommend [react-testing-library](https://testing-library.com/docs/react-testing-library/intro/)).

0 comments on commit 739f34e

Please sign in to comment.