inital front boilerplate

cybercongress · May 28, 2024 · ed5d714 · ed5d714
1 parent ad4a746
commit ed5d714
Show file tree

Hide file tree

Showing 55 changed files with 5,369 additions and 0 deletions.
diff --git a/.gitignore b/.gitignore
@@ -0,0 +1,26 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+.env
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
+
diff --git a/front/index.html b/front/index.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <!-- Google Tag Manager -->
+    <script>
+      (function (w, d, s, l, i) {
+        w[l] = w[l] || [];
+        w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" });
+        var f = d.getElementsByTagName(s)[0],
+          j = d.createElement(s),
+          dl = l != "dataLayer" ? "&l=" + l : "";
+        j.async = true;
+        j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl;
+        f.parentNode.insertBefore(j, f);
+      })(window, document, "script", "dataLayer", "GTM-5Q7QQTKF");
+    </script>
+    <!-- End Google Tag Manager -->
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/vite.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1, user-scalable=no" />
+    <meta name="color-scheme" content="light only" />
+    <meta name="supported-color-schemes" content="light" />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link
+      rel="stylesheet"
+      as="style"
+      crossorigin
+      href="https://cdn.jsdelivr.net/gh/orioncactus/[email protected]/dist/web/static/pretendard.css"
+    />
+    <link rel="preconnect" href="https://fonts.googleapis.com" />
+    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
+    <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700&display=swap" rel="stylesheet" />
+    <title>CYBER-TON</title>
+    <script src="https://telegram.org/js/telegram-web-app.js"></script>
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+
+    <!-- Google Tag Manager (noscript) -->
+    <noscript
+      ><iframe
+        src="https://www.googletagmanager.com/ns.html?id=GTM-5Q7QQTKF"
+        height="0"
+        width="0"
+        style="display: none; visibility: hidden"
+      ></iframe
+    ></noscript>
+    <!-- End Google Tag Manager (noscript) -->
+  </body>
+</html>
diff --git a/front/package.json b/front/package.json
@@ -0,0 +1,59 @@
+{
+  "name": "cyber_hackatonton-connect-wasm",
+  "private": true,
+  "version": "0.0.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "@aws-crypto/sha256-js": "^5.0.0",
+    "@emotion/react": "^11.11.1",
+    "@emotion/styled": "^11.11.0",
+    "@esbuild-plugins/node-globals-polyfill": "^0.2.3",
+    "@hookform/resolvers": "^3.3.4",
+    "@mui/material": "^5.14.1",
+    "@orbs-network/ton-access": "^2.3.3",
+    "@supabase/supabase-js": "^2.39.8",
+    "@ton/core": "^0.56.1",
+    "@ton/crypto": "^3.2.0",
+    "@ton/ton": "^13.11.1",
+    "@tonconnect/ui-react": "^2.0.0-beta.2",
+    "@vercel/analytics": "^1.2.2",
+    "@vkruglikov/react-telegram-web-app": "^2.1.1",
+    "axios": "^1.5.0",
+    "eslint-plugin-simple-import-sort": "^12.0.0",
+    "framer-motion": "^10.16.4",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "react-hook-form": "^7.51.4",
+    "react-hot-toast": "^2.4.1",
+    "react-loader-spinner": "^6.1.6",
+    "react-number-format": "^5.3.4",
+    "react-router-dom": "^6.14.2",
+    "recoil": "^0.7.7",
+    "recoil-persist": "^5.1.0",
+    "rollup-plugin-node-polyfills": "^0.2.1",
+    "styled-components": "^6.0.5",
+    "swr": "^2.2.2",
+    "telegraf": "^4.12.2",
+    "zod": "^3.23.8"
+  },
+  "devDependencies": {
+    "@ton/test-utils": "^0.4.2",
+    "@types/react": "^18.2.15",
+    "@types/react-dom": "^18.2.7",
+    "@types/styled-components": "^5.1.26",
+    "@typescript-eslint/eslint-plugin": "^6.0.0",
+    "@typescript-eslint/parser": "^6.0.0",
+    "@vitejs/plugin-react": "^4.0.3",
+    "eslint": "^8.45.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-react-refresh": "^0.4.3",
+    "typescript": "^5.0.2",
+    "vite": "^4.4.5"
+  }
+}
diff --git a/front/public/vite.svg b/front/public/vite.svg
diff --git a/front/src/App.tsx b/front/src/App.tsx
@@ -0,0 +1,24 @@
+import { Analytics } from "@vercel/analytics/react";
+import { RecoilRoot } from "recoil";
+import { ThemeProvider } from "styled-components";
+
+import { ErrorModal } from "@/components/common/Modal/ErrorModal";
+import Router from "@/components/common/Router";
+import { network } from "@/hooks/contract/useTonClient";
+import GlobalStyle from "@/styles/globalStyles";
+import theme from "@/styles/theme";
+
+console.log(`You're connected to the ${network} network!`);
+
+const App = () => {
+  return (
+    <ThemeProvider theme={theme}>
+      <RecoilRoot>
+        <GlobalStyle />
+        <Router />
+      </RecoilRoot>
+    </ThemeProvider>
+  );
+};
+
+export default App;
diff --git a/front/src/api/axios.ts b/front/src/api/axios.ts
@@ -0,0 +1,5 @@
+import axios from "axios";
+
+export const client = axios.create({
+  baseURL: `${import.meta.env.VITE_BASE_URL}`,
+});
diff --git a/front/src/api/getTelegramId.ts b/front/src/api/getTelegramId.ts
@@ -0,0 +1,10 @@
+import { client } from "./axios";
+
+export const getTelegramId = async (address: string) => {
+  try {
+    const { data } = await client.get(`/auth/getTelegramId?address=${address}`);
+    return data.identification;
+  } catch (e) {
+    console.error(e);
+  }
+};
diff --git a/front/src/assets/asset.d.ts b/front/src/assets/asset.d.ts
@@ -0,0 +1,14 @@
+declare module "*.jpg";
+declare module "*.png";
+declare module "*.jpeg";
+declare module "*.gif";
+
+declare module "*.svg" {
+  import React = require("react");
+
+  export const ReactComponent: React.FunctionComponent<
+    React.SVGProps<SVGSVGElement>
+  >;
+  const src: string;
+  export default src;
+}
diff --git a/front/src/assets/icons/Landing/ic_landing_wallet.svg b/front/src/assets/icons/Landing/ic_landing_wallet.svg
diff --git a/front/src/assets/icons/Landing/ic_landing_wallet_disconnect.svg b/front/src/assets/icons/Landing/ic_landing_wallet_disconnect.svg
diff --git a/front/src/assets/icons/Landing/ic_marketplace.svg b/front/src/assets/icons/Landing/ic_marketplace.svg
diff --git a/front/src/assets/icons/Landing/ic_more_arrow.svg b/front/src/assets/icons/Landing/ic_more_arrow.svg
diff --git a/front/src/assets/icons/Landing/ic_wallet_connect.svg b/front/src/assets/icons/Landing/ic_wallet_connect.svg
diff --git a/front/src/assets/icons/Landing/ic_wallet_disconnect.svg b/front/src/assets/icons/Landing/ic_wallet_disconnect.svg
diff --git a/front/src/assets/icons/Landing/ic_warning.svg b/front/src/assets/icons/Landing/ic_warning.svg