0.1.1 • Published 9 months ago
vinisco v0.1.1
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
ornpm 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.