Insomnia exercise

.env.sample

@@ -0,0 +1,3 @@
+## Alchemy
+
+NEXT_PUBLIC_ALCHEMY_API_KEY=<get-here:https://dashboard.alchemy.com/apps/excputcq0ik8e7a1/setup>

.eslintrc.js

@@ -1,71 +1,71 @@
 module.exports = {
   root: true,
-  extends: ['next', 'next/core-web-vitals', 'prettier'],
-  plugins: ['@typescript-eslint'],
+  extends: ["next", "next/core-web-vitals", "prettier"],
+  plugins: ["@typescript-eslint"],
   settings: {
     next: {
-      rootDir: '.',
+      rootDir: ".",
     },
   },
   parserOptions: {
-    project: ['tsconfig.json'],
+    project: ["tsconfig.json"],
   },
-  ignorePatterns: ['.eslintrc.js'],
+  ignorePatterns: [".eslintrc.js"],
   rules: {
-    'comma-dangle': ['error', 'always-multiline'],
-    'no-shadow': 'warn',
-    '@typescript-eslint/no-shadow': 'warn',
-    'react/no-children-prop': 'warn',
-    semi: ['error', 'never'],
-    '@typescript-eslint/consistent-type-imports': [
-      'warn',
+    "comma-dangle": ["error", "always-multiline"],
+    "no-shadow": "warn",
+    "@typescript-eslint/no-shadow": "warn",
+    "react/no-children-prop": "warn",
+    semi: ["error", "never"],
+    "@typescript-eslint/consistent-type-imports": [
+      "warn",
       {
-        prefer: 'type-imports',
-        fixStyle: 'inline-type-imports',
+        prefer: "type-imports",
+        fixStyle: "inline-type-imports",
         disallowTypeAnnotations: false,
       },
     ],
-    'import/order': [
-      'warn',
+    "import/order": [
+      "warn",
       {
         alphabetize: {
-          order: 'asc',
+          order: "asc",
           caseInsensitive: true,
         },
-        'newlines-between': 'always',
+        "newlines-between": "always",
         distinctGroup: false,
-        groups: ['builtin', 'external', 'internal', ['parent', 'sibling', 'index']],
+        groups: ["builtin", "external", "internal", ["parent", "sibling", "index"]],
         pathGroupsExcludedImportTypes: [],
         pathGroups: [
           {
-            pattern: 'react',
-            group: 'external',
-            position: 'before',
+            pattern: "react",
+            group: "external",
+            position: "before",
           },
           {
-            pattern: '{@/ui,@/ui/**,@/components,@/components/**}',
-            group: 'internal',
-            position: 'after',
+            pattern: "{@/ui,@/ui/**,@/components,@/components/**}",
+            group: "internal",
+            position: "after",
           },
           {
-            pattern: '@/**',
-            group: 'internal',
+            pattern: "@/**",
+            group: "internal",
           },
           {
-            pattern: '../**',
-            group: 'parent',
-            position: 'before',
+            pattern: "../**",
+            group: "parent",
+            position: "before",
           },
           {
-            pattern: '{./,.}',
-            group: 'index',
-            position: 'after',
+            pattern: "{./,.}",
+            group: "index",
+            position: "after",
           },
         ],
       },
     ],
-    quotes: ['warn', 'double', { avoidEscape: true }],
-    'react-hooks/exhaustive-deps': 'error',
-    'react/no-unescaped-entities': 'off',
+    quotes: ["warn", "double", { avoidEscape: true }],
+    "react-hooks/exhaustive-deps": "error",
+    "react/no-unescaped-entities": "off",
   },
 }

.gitignore

@@ -17,6 +17,7 @@
 /build
 
 # misc
+.git-worktrees/
 .DS_Store
 *.pem
 

.prettierignore

@@ -1,2 +1,7 @@
 # files with special formatting
-src/hooks/useCursor.tsx
+Cursor.tsx
+src/hooks/useCursor.ts
+src/hooks/useLessFormErrors.ts
+src/hooks/useLessFormState.ts
+src/hooks/useShallowState.ts
+src/global.d.ts

.prettierrc.json

@@ -6,13 +6,13 @@
   "endOfLine": "lf",
   "htmlWhitespaceSensitivity": "css",
   "insertPragma": false,
-  "jsxSingleQuote": true,
+  "jsxSingleQuote": false,
   "printWidth": 120,
   "proseWrap": "preserve",
   "quoteProps": "as-needed",
   "requirePragma": false,
   "semi": false,
-  "singleQuote": true,
+  "singleQuote": false,
   "tabWidth": 2,
   "useTabs": false,
   "overrides": [],

README.md

@@ -1,40 +1,30 @@
-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
-# or
-bun dev
-```
+# Web3 Home assignments
 
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+This repository contains solutions to several home assignments.
+Each resides in its own branch and has its own deployment. See **main** branch's README for all links or their respective READMEs for more relevant information.
 
-You can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file.
+# Insomnia
 
-[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`.
+🌐 https://insomnia.qwerty.art/
 
-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.
+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).
 
-## Learn More
+## Getting Started
 
-To learn more about Next.js, take a look at the following resources:
+First, install dependencies and get environment variables from example file.
 
-- [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.
+```bash
+pnpm install
+```
 
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
+Then run the development server:
 
-## Deploy on Vercel
+```bash
+pnpm dev
+```
 
-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.
+### environment vartiables
 
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
+Get your free Alchemy API key https://dashboard.alchemy.com/apps/excputcq0ik8e7a1/setup and add it to [`.env.local`](.env.local) file. (Copy [`.env.sample`](.env.sample) and rename it to `.env.local`)

package.json

@@ -22,6 +22,7 @@
   "dependencies": {
     "@rainbow-me/rainbowkit": "^2.2.3",
     "@tanstack/react-query": "^5.66.0",
+    "alchemy-sdk": "^3.5.2",
     "next": "14.2.7",
     "react": "^18",
     "react-dom": "^18",