Skip to content

Commit

Permalink
chore: Frontend deployed
Browse files Browse the repository at this point in the history
  • Loading branch information
wsdt committed Jul 30, 2024
1 parent e7f968c commit ee2baf8
Show file tree
Hide file tree
Showing 2 changed files with 3,887 additions and 76 deletions.
80 changes: 4 additions & 76 deletions frontend/README.md
Original file line number Diff line number Diff line change
@@ -1,83 +1,11 @@
# Counter App HC-AA (Meta Mask Flask)
# Frontend | HC-AA (Meta Mask Flask)

## Demo site
Is live here (free, so might have some delay on cold starts):
https://aa-hc-example-fe.onrender.com

## Stack
- Vite
- React Ts
- [Shadcn UI](https://ui.shadcn.com/docs)
- [Tailwind Css](https://tailwindcss.com/docs/installation)


## Clone

```
git clone [email protected]:bobanetwork/aws-3tier-template.git
cd src/frontend/
```

## To Install deps.

``` yarn ```

## To start the local server

```
yarn run dev
```

## To build the package to be used by pipelie.

```
yarn run build.
```

## Test Counter Address.

1. Test Counter Example - `0x7A9c74bEa653bBa510aAAe280981C117bc92273D`
2. Test Counter Example (prefered) - `0x63BceAfAF62fB12394ecbEf10dBF1c5c36ba8b38`


## Use shadcn ui

Add Component Button

```
npx shadcn-ui@latest add button
```

You can now go ahead and customize your Button component and add more shadcn components from here.



# React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

## Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:

- Configure the top-level `parserOptions` property like this:

```js
export default {
// other rules...
parserOptions: {
ecmaVersion: 'latest',
sourceType: 'module',
project: ['./tsconfig.json', './tsconfig.node.json'],
tsconfigRootDir: __dirname,
},
}
```

- Replace `plugin:@typescript-eslint/recommended` to `plugin:@typescript-eslint/recommended-type-checked` or `plugin:@typescript-eslint/strict-type-checked`
- Optionally add `plugin:@typescript-eslint/stylistic-type-checked`
- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and add `plugin:react/recommended` & `plugin:react/jsx-runtime` to the `extends` list
Loading

0 comments on commit ee2baf8

Please sign in to comment.