Merge pull request #146 from Brgndy25/main

Tokenvest investment platform

Author: klembee

3-lending/Tokenvest/.gitignore

@@ -0,0 +1 @@
+node_modules

3-lending/Tokenvest/README.md

@@ -0,0 +1,41 @@
+# Tokenvest
+
+## Idea
+Tokenvest is an investment deFi platform powered by blockchain, using the **Radix** decentralized network which is the best suit for deFi applications.
+
+With this platform, users will have the opportunity to invest in products and to create a product/idea to get an investment. 
+Products are getting stored in the blockchain, and transactions are being made via *RDX* token.
+
+## Application
+Application as an MVP consists of 3 pages
+1. Home - user details being shown, including name, connected accounts number, and status. 
+2. Products - list of created products.
+3. Create a Product - create product functionality
+
+## Technology
+The architecture consists of 3 main concepts(folders).
+1. Smart Contracts - All the Radix smart contracts
+2. Frontend - all the UI code, including interactions with smart contracts
+3. [strapi](https://strapi.io) - the headless CMS implementation to sync products in our database.
+
+## How to run
+
+### Requirements
+NodeJs version 14 or higher
+as a test project .env variable is directly pushed to the strapi folder so it will run automatically. 
+
+### Commands
+1. yarn
+2. yarn setup
+3. yarn start:strapi
+4. yarn start:frontend
+
+### Wallet
+1. setup the [radix mobile application](https://docs-babylon.radixdlt.com/main/getting-started-developers/wallet-and-connector.html)
+2. install the [connector extension](https://docs-babylon.radixdlt.com/main/getting-started-developers/wallet-and-connector.html#_install_the_connector)
+3. Transfer tokens to your account from radix betanet.
+4. connect your account in our platform using the **connect** button in the header
+
+![image](https://user-images.githubusercontent.com/23248910/227128067-6824769e-92c9-4aea-990c-82d5ab1d9097.png)
+
+Specific business logic is described in the video

3-lending/Tokenvest/front-end/.eslintrc.json

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

3-lending/Tokenvest/front-end/.gitignore

@@ -0,0 +1,36 @@
+# 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*
+.pnpm-debug.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts

3-lending/Tokenvest/front-end/README.md

@@ -0,0 +1,38 @@
+This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run dev
+# or
+yarn dev
+# or
+pnpm dev
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file.
+
+[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.ts`.
+
+The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
+
+This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
+
+## Learn More
+
+To learn more about Next.js, take a look at the following resources:
+
+- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
+- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
+
+You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
+
+## Deploy on Vercel
+
+The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+
+Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.

3-lending/Tokenvest/front-end/next.config.js

@@ -0,0 +1,6 @@
+/** @type {import('next').NextConfig} */
+const nextConfig = {
+  reactStrictMode: true,
+}
+
+module.exports = nextConfig

3-lending/Tokenvest/front-end/package.json

@@ -0,0 +1,26 @@
+{
+  "name": "application",
+  "version": "0.1.0",
+  "private": true,
+  "scripts": {
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint"
+  },
+  "dependencies": {
+    "@emotion/react": "^11.10.6",
+    "@emotion/styled": "^11.10.6",
+    "@mui/material": "^5.11.12",
+    "@radixdlt/radix-dapp-toolkit": "^0.1.0",
+    "@types/node": "18.14.6",
+    "@types/react": "18.0.28",
+    "@types/react-dom": "18.0.11",
+    "eslint": "8.35.0",
+    "eslint-config-next": "13.2.3",
+    "next": "13.2.3",
+    "react": "18.2.0",
+    "react-dom": "18.2.0",
+    "typescript": "4.9.5"
+  }
+}

3-lending/Tokenvest/front-end/public/favicon.ico

@@ -0,0 +1,26 @@
+export const styles = {
+    header: {
+        width: "100%",
+        height: "80px",
+        display: "flex",
+        alignItems: "center",
+        justifyContent: "space-between",
+        paddingX: "24px",
+        boxShadow: "0 30px 40px rgba(0,0,0,.1)"
+    },
+    linksWrapper: {
+        display: "flex",
+        gap: "64px",
+        width: "100%",
+        justifyContent: "center"
+    },
+    link: {
+        color: "black",
+        fontWeight: "400",
+        fontFamily: "monospace",
+        fontSize: "24px"
+    },
+    linkActive: {
+        color: "#115fce"
+    }
+}

3-lending/Tokenvest/front-end/public/next.svg

@@ -0,0 +1,47 @@
+import { ROUTES } from "@/constants/routes";
+import { Box } from "@mui/material"
+import Link from "next/link";
+import { useRouter } from "next/router";
+import { Fragment } from "react";
+import { styles } from "./Header.styles";
+
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "radix-connect-button": React.DetailedHTMLProps<
+                React.HTMLAttributes<HTMLElement>,
+                HTMLElement
+            >;
+        }
+    }
+}
+
+const Header = () => {
+
+    const router = useRouter();
+
+    const activeRoute = router.asPath.split("/")[1];
+
+
+    return (
+        <Box sx={styles.header}>
+            <Box sx={styles.linksWrapper}>
+                {ROUTES.map((item, index) => {
+                    return (
+                        <Fragment key={index}>
+                            <Link
+                                href={item.slug}
+                                style={activeRoute === item.slug.replace("/", "") ? { ...styles.link, ...styles.linkActive } : styles.link}
+                            >{item.title}</Link>
+                        </Fragment>
+                    )
+                })}
+            </Box>
+            <Box>
+                <radix-connect-button></radix-connect-button>
+            </Box>
+        </Box>
+    );
+}
+
+export default Header;

3-lending/Tokenvest/front-end/public/thirteen.svg

@@ -0,0 +1,8 @@
+export const CMS_API:string = "http://localhost:1337/api";
+export const CMS_URL:string = "http://localhost:1337";
+export const CMS_PRODUCTS:string = "/products";
+export const CMS_UPLOAD:string = "/upload";
+export const CMS_PRODUCTS_REF:string = "api::product.product";
+export const IMAGE_FIELD:string = "image";
+export const POPULATE_ALL:string = "?populate=*";
+export const DEFAULT_RAISED_AMOUNT = "0";

3-lending/Tokenvest/front-end/public/vercel.svg

@@ -0,0 +1,5 @@
+export const PACKAGE_ID:string = "package_tdx_b_1q9qmxmsw703jj8qn50r07s982p6vqvlx7cwk3luvnwzsy6fes7";
+export const GATEWAY_URL:string = "https://nebunet-gateway.radixdlt.com/transaction/committed-details";
+export const GATEWAY_URL_RESOURCES:string = "https://nebunet-gateway.radixdlt.com/entity/resources";
+export const GATEWAY_URL_DETAILS:string = "https://nebunet-gateway.radixdlt.com/entity/details";
+export const TRANSACTION_SUCCESSFUL:string = "committed_success";

3-lending/Tokenvest/front-end/src/components/Header/Header.styles.ts

@@ -0,0 +1,18 @@
+export const HOME = "/";
+export const PRODUCTS = "/products";
+export const CREATE_PRODUCT = "/create-product";
+
+export const ROUTES = [
+    {
+        title: "Home",
+        slug:HOME
+    },
+    {
+        title: "Products",
+        slug:PRODUCTS
+    },
+    {
+        title: "Create Product",
+        slug:CREATE_PRODUCT
+    }
+];

3-lending/Tokenvest/front-end/src/components/Header/Header.tsx

@@ -0,0 +1,7 @@
+import { useRdtState } from "./useRdtState";
+
+export const useAccounts = () => {
+  const state = useRdtState();
+
+  return state?.accounts ?? [];
+};

3-lending/Tokenvest/front-end/src/constants/cms.ts

@@ -0,0 +1,7 @@
+import { useRdtState } from "./useRdtState";
+
+export const useConnected = () => {
+  const state = useRdtState();
+
+  return state?.connected ?? false;
+};