Build and Deploy your first NPM Package and Web App using Next.js and TypeScript

Built with the latest Next.js, TypeScript , AuditAI provides an easy and efficient way to audit your smart contracts using AI. It interacts with the OpenAI API to analyze and generate detailed reports on the provided smart contract code.

🔋 Features:
⚡️AI-Powered Auditing: Leverages OpenAI to generate comprehensive audit reports.
⚡️Command Line Tool: Provides a CLI for easy integration into development workflows.
⚡️User-Friendly Interface: Offers an easy-to-use frontend for auditing smart contracts.

⭐ TailwindCSS: https://tailwindcss.com/
⭐ NextJs: https://nextjs.org/docs/getting-started/installation
⭐ NPM: https://www.npmjs.com/
⭐ openai: https://platform.openai.com/api-keys

📚 Materials/References:
GitHub Repo (give it a star ⭐): https://github.com/mendsalbert/auditra
README (assets & code): https://github.com/mendsalbert/auditra

❤️ BuyMeACoffe : https://www.buymeacoffee.com/mendalbert

👋 Social Media:
https://twitter.com/mendsalbert
https://www.instagram.com/mendsalbert_
https://linkedin.com/in/mends-albert
https://t.me/albertmends

Subscribe or I turn your vs code into light mode
╔═╦╗╔╦╗╔═╦═╦╦╦╦╗╔═╗
║╚╣║║║╚╣╚╣╔╣╔╣║╚╣═╣
╠╗║╚╝║║╠╗║╚╣║║║║║═╣
╚═╩══╩═╩═╩═╩╝╚╩═╩═╝

Timestamps 
00:00:00 - Intro
00:00:41 - Demo
00:01:42 - npm package ( intro + setup )
00:05:05 - npm package ( project structure )
00:06:29 - npm package ( index.js - part 1 )
00:08:39 - npm package ( ai-prompt.js )
00:25:45 - npm package ( index.js - part 2 )
00:37:02 - npm package ( package.json config )
00:39:31 - npm package ( testing package locally + bug fixes )
00:42:50 - npm package ( signing up on npm + publishing package )
00:46:03 - web app ( Intro + setup )
00:48:35 - web app ( layout page setup )
00:51:01 - web app ( header component )
01:01:33 - web app ( contract Input component + ai-prompt.ts file )
01:36:41 - web app ( results modal component )
02:24:07 - web app ( hosting + conclusion )

💼 Business inquiries: albert.k.mends@gmail.com

👨🏽‍💻 Tools and Tech Stack
The tech stack for this project includes the following tools and technologies:

- React JS: A JavaScript library for building user interfaces.
- Next.js: A React framework for server-side rendering and generating static websites.
- Tailwind CSS: A utility-first CSS framework for designing user interfaces.
- TypeScript: A typed superset of JavaScript that compiles to plain JavaScript.
- JavaScript: The primary programming language used for both the webapp and npm package.
- Tabler Icons: An icon library used for adding icons to the user interface.
- Headless UI: Unstyled, accessible UI components for building modern web applications.
- react-circular-progressbar: A library for displaying progress bars.
- OpenAI API: Used for integrating AI-based functionalities to audit smart contracts.

Видео Build and Deploy your first NPM Package and Web App using Next.js and TypeScript канала Albert Mends