feat(dapp): ✨ add dapp

.vscode/settings.json

@@ -2,9 +2,28 @@
   "[solidity]": {
     "editor.defaultFormatter": "NomicFoundation.hardhat-solidity"
   },
-  "[toml]": {
-    "editor.defaultFormatter": "tamasfe.even-better-toml"
-  },
   "npm.exclude": "**/lib/**",
-  "solidity.formatter": "forge"
-}
+  "solidity.formatter": "forge",
+  "conventionalCommits.scopes": [
+    "hooks"
+  ],
+  "detectedConfig": {
+    "typescript": false,
+    "naming": "Pascal Case",
+    "unit": "rem",
+    "framework": "nextjs",
+    "styling": "Tailwind"
+  },
+  "locofyConfig": {
+    "project_name": "budget2",
+    "id": "6550a1218cd0bab876c5d4ce",
+    "framework": "react",
+    "typescript": true,
+    "path": "public/",
+    "componentsPath": "/Users/abuusama/repos/daobox/budget/packages/dapp/components",
+    "screensPath": "/Users/abuusama/repos/daobox/budget/frontend-v2/pages",
+    "styling": "Tailwind",
+    "unit": "rem",
+    "naming": "Pascal Case"
+  }
+}

README.md

@@ -1,19 +1,35 @@
+<<<<<<< HEAD
 <h1 align="center">DAOBox - Budget</h1>
+=======
+# budget2
 
+>>>>>>> Incoming
+
+<<<<<<< HEAD
 <p align="center">
   <img src="./assets/banner.png" alt="daobox-banner" />
   <br>
   <i>DAOBox - Budget is an Aragon OSx Plugin that allows the execution of payments bypassing the need for regular voting.</i>
   <br>
 </p>
+=======
+Note: Please ensure you have installed <code><a href="https://nodejs.org/en/download/">nodejs</a></code>
+
+>>>>>>> Incoming
 
+<<<<<<< HEAD
 <p align="center">
   <a href="https://github.com/DAObox/budget/actions"><img src="https://github.com/DAObox/budget/actions/workflows/ci.yml/badge.svg" alt="Github Actions"></a>
   <a href="https://getfoundry.sh/"><img src="https://img.shields.io/badge/Built%20with-Foundry-FFDB1C.svg" alt="Foundry"></a>
   <a href="https://opensource.org/license/agpl-v3/"><img src="https://img.shields.io/badge/License-AGPL-blue.svg" alt="License: AGPL-3-0"></a>
   <a href="https://use-aragon.daobox.app"><img src="https://img.shields.io/badge/Docs-DAOBox-blue.svg" alt="Docs"></a>
   <a href="https://discord.gg/d5nCgVt4kE"><img alt="Discord" src="https://img.shields.io/discord/1019114018545352734"></a>
+=======
+To preview and run the project on your device:
 
+>>>>>>> Incoming
+
+<<<<<<< HEAD
 </p>
 
 <hr>
@@ -259,3 +275,9 @@ This project is licensed under AGPL-3.0-or-later
 	path = lib/BokkyPooBahsDateTimeLibrary
 	url = https://github.com/bokkypoobah/BokkyPooBahsDateTimeLibrary
 ```
+=======
+1. Open project folder in <a href="https://code.visualstudio.com/download">Visual Studio Code</a>
+2. In the terminal, run `npm install`
+3. Run `npm start` to view project in browser
+
+>>>>>>> Incoming

package.json

@@ -1,12 +1,62 @@
 {
+<<<<<<< HEAD
   "name": "budget-monorepo",
   "version": "1.0.0",
   "description": "",
   "main": "index.js",
+=======
+  "name": "budget2",
+  "version": "0.1.0",
+  "private": true,
+  "dependencies": {
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^13.4.0",
+    "@testing-library/user-event": "^13.5.0",
+    "@types/jest": "^29.5.0",
+    "@types/node": "^16.11.14",
+    "@types/react": "^18.0.28",
+    "@types/react-dom": "^18.0.11",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-scripts": "5.0.1",
+    "web-vitals": "^2.1.4",
+    "typescript": "^4.5.4",
+    "react-router-dom": "^6.2.1"
+  },
+  "devDependencies": {
+    "autoprefixer": "^10.4.8",
+    "postcss": "^8.4.16",
+    "tailwindcss": "^3.1.8"
+  },
+
+>>>>>>> Incoming
   "scripts": {
+<<<<<<< HEAD
     "test": "echo \"Error: no test specified\" && exit 1"
+=======
+    "start": "react-scripts start",
+    "build": "react-scripts build",
+    "test": "react-scripts test",
+    "eject": "react-scripts eject"
+
+>>>>>>> Incoming
   },
+<<<<<<< HEAD
   "keywords": [],
   "author": "pythonpete32",
   "license": "ISC"
-}
+=======
+  "eslintConfig": {
+    "root": true
+  },
+  "browserslist": {
+    "production": [">0.2%", "not dead", "not op_mini all"],
+    "development": [
+      "last 1 chrome version",
+      "last 1 firefox version",
+      "last 1 safari version"
+    ]
+  }
+
+>>>>>>> Incoming
+}

packages/dapp/.eslintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": "next/core-web-vitals"
+}

packages/dapp/.gitignore

@@ -0,0 +1,35 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

packages/dapp/.vscode/settings.json

@@ -0,0 +1,3 @@
+{
+  "typescript.tsdk": "node_modules/typescript/lib"
+}

packages/dapp/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2023 Next UI
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

packages/dapp/README.md

@@ -0,0 +1,40 @@
+# Next.js & NextUI Template
+
+This is a template for creating applications using Next.js 13 (app directory) and NextUI (v2).
+
+## Technologies Used
+
+- [Next.js 13](https://nextjs.org/docs/getting-started)
+- [NextUI v2](https://nextui.org/)
+- [Tailwind CSS](https://tailwindcss.com/)
+- [Tailwind Variants](https://tailwind-variants.org)
+- [TypeScript](https://www.typescriptlang.org/)
+- [Framer Motion](https://www.framer.com/motion/)
+- [next-themes](https://github.com/pacocoursey/next-themes)
+
+## How to Use
+
+
+### Use the template with create-next-app
+
+To create a new project based on this template using `create-next-app`, run the following command:
+
+```bash
+npx create-next-app -e https://github.com/nextui-org/next-app-template
+```
+
+### Install dependencies
+
+```bash
+npm install
+```
+
+### Run the development server
+
+```bash
+npm run dev
+```
+
+## License
+
+Licensed under the [MIT license](https://github.com/nextui-org/next-app-template/blob/main/LICENSE).

packages/dapp/app/about/layout.tsx

@@ -0,0 +1,13 @@
+export default function AboutLayout({
+	children,
+}: {
+	children: React.ReactNode;
+}) {
+	return (
+		<section className="flex flex-col items-center justify-center gap-4 py-8 md:py-10">
+			<div className="inline-block max-w-lg text-center justify-center">
+				{children}
+			</div>
+		</section>
+	);
+}

packages/dapp/app/about/page.tsx

@@ -0,0 +1,9 @@
+import { title } from "@/components/primitives";
+
+export default function AboutPage() {
+	return (
+		<div>
+			<h1 className={title()}>About</h1>
+		</div>
+	);
+}

packages/dapp/app/blog/layout.tsx

@@ -0,0 +1,13 @@
+export default function BlogLayout({
+	children,
+}: {
+	children: React.ReactNode;
+}) {
+	return (
+		<section className="flex flex-col items-center justify-center gap-4 py-8 md:py-10">
+			<div className="inline-block max-w-lg text-center justify-center">
+				{children}
+			</div>
+		</section>
+	);
+}

packages/dapp/app/blog/page.tsx

@@ -0,0 +1,9 @@
+import { title } from "@/components/primitives";
+
+export default function BlogPage() {
+	return (
+		<div>
+			<h1 className={title()}>Blog</h1>
+		</div>
+	);
+}

packages/dapp/app/docs/layout.tsx

@@ -0,0 +1,13 @@
+export default function DocsLayout({
+	children,
+}: {
+	children: React.ReactNode;
+}) {
+	return (
+		<section className="flex flex-col items-center justify-center gap-4 py-8 md:py-10">
+			<div className="inline-block max-w-lg text-center justify-center">
+				{children}
+			</div>
+		</section>
+	);
+}

packages/dapp/app/docs/page.tsx

@@ -0,0 +1,9 @@
+import { title } from "@/components/primitives";
+
+export default function DocsPage() {
+	return (
+		<div>
+			<h1 className={title()}>Docs</h1>
+		</div>
+	);
+}

packages/dapp/app/error.tsx

@@ -0,0 +1,30 @@
+'use client' 
+
+import { useEffect } from 'react'
+
+export default function Error({
+  error,
+  reset,
+}: {
+  error: Error
+  reset: () => void
+}) {
+  useEffect(() => {
+    // Log the error to an error reporting service
+    console.error(error)
+  }, [error])
+
+  return (
+    <div>
+      <h2>Something went wrong!</h2>
+      <button
+        onClick={
+          // Attempt to recover by trying to re-render the segment
+          () => reset()
+        }
+      >
+        Try again
+      </button>
+    </div>
+  )
+}