vinisco

FULL3 setup (FRONTEND)

This is the app setup for a FULL STACK WEB3 project created by FULL3 package

HOW TO RUN

• Sign up on thirdweb dashboard to achieve api key (https://thirdweb.com/dashboard/settings/api-keys)
• Fill with API KEY in the main.jsx clientId
• Run using yarn dev or npm run dev
• Read and Write the contract methods
• DONT forget to add your url in allowance in thirdweb dashboard

Scripts

• npm run dev: Start the Vite development server.
• npm run build: Build the project using Vite.
• npm run lint: Run ESLint to check for code quality and enforce coding standards.
• npm run preview: Start a Vite serSDver to preview the built project.

Dependencies

• @thirdweb-dev/react (Version: ^3.14.25)

  • Description: A package related to React framework by Thirdweb for specific purposes.
  • Website: https://www.npmjs.com/package/@thirdweb-dev/react

• @thirdweb-dev/sdk (Version: ^3.10.44)

  • Description: The Thirdweb Software Development Kit (SDK) for specific functionality.
  • Website: https://www.npmjs.com/package/@thirdweb-dev/sdk

• ethers (Version: ^5)

  • Description: A library for interacting with Ethereum and Ethereum-like networks.
  • Website: https://www.npmjs.com/package/ethers

• react (Version: ^18.2.0)

  • Description: A JavaScript library for building user interfaces.
  • Website: https://reactjs.org/

• react-dom (Version: ^18.2.0)

  • Description: The entry point to the DOM and server renderers for React.
  • Website: https://reactjs.org/docs/react-dom.html

Dev Dependencies

• @types/react (Version: ^18.2.15)

  • Description: TypeScript type definitions for React.
  • Website: https://www.npmjs.com/package/@types/react

• @types/react-dom (Version: ^18.2.7)

  • Description: TypeScript type definitions for React DOM.
  • Website: https://www.npmjs.com/package/@types/react-dom

• @vitejs/plugin-react (Version: ^4.0.4)

  • Description: Vite plugin to enable React support in your Vite projects.
  • Website: https://www.npmjs.com/package/@vitejs/plugin-react

• autoprefixer (Version: ^10.4.14)

  • Description: A PostCSS plugin to parse CSS and add vendor prefixes automatically.
  • Website: https://www.npmjs.com/package/autoprefixer

• postcss (Version: ^8.4.27)

  • Description: A tool for transforming CSS with JavaScript plugins.
  • Website: https://www.npmjs.com/package/postcss

• tailwindcss (Version: ^3.3.3)

  • Description: A utility-first CSS framework for building custom designs.
  • Website: https://www.npmjs.com/package/tailwindcss

• vite (Version: ^4.4.5)

  • Description: A build tool and development server for modern web projects.
  • Website: https://vitejs.dev/

• vite-plugin-node-polyfills (Version: ^0.9.0)

  • Description: A Vite plugin to automatically add Node.js polyfills for browser compatibility.
  • Website: https://www.npmjs.com/package/vite-plugin-node-polyfills

Please note that the descriptions provided are just brief summaries of each package's functionality. For more detailed information about each package, you can visit their respective websites linked above.