AI for Web Devs: Project Introduction & Setup

1. utils

   1 2 6 6.0 JavaScript

   A collection of useful code snippets for any project (by AustinGil)

   

   For my projects, I also like to have a consistent theme, so I keep a file in my GitHub to copy and paste styles from. Obviously, if you want your own theme, you can ignore this step, but if you want your project to look as amazing as mine, copy the styles from this file on GitHub into the /src/global.css file. You can replace the old styles, but leave the Tailwind directives in place.

2. SurveyJS

   surveyjs.io featured

   JavaScript Form Builder with No-Code UI & Built-In JSON Schema Editor. Add the SurveyJS white-label form builder to your JavaScript app (React/Angular/Vue3). Build complex JSON forms without coding. Fully customizable, works with any backend, perfect for data-heavy apps. Learn more.

   

3. vite

   2 906 72,829 9.9 TypeScript

   Next generation frontend tooling. It's fast!

   

   Qwik uses Vite as a bundler, which is convenient because Vite has a built-in development server. It supports running our application locally, and updating the browser when files changes.

4. Tailwind CSS

   3 1,507 87,955 9.9 TypeScript

   A utility-first CSS framework for rapid UI development.

   

   This project won’t focus too much on styling, so this section is totally optional if you want to do your own thing. To keep things simple, I’ll use Tailwind.

5. qwik

   4 145 21,376 9.8 TypeScript

   Instant-loading web apps, without effort

   

   In this series, we’ll learn how to integrate OpenAI‘s AI services into an application built with Qwik, a JavaScript framework focused on the concept of resumability (this will be relevant to understand later).

6. gptcli

   5 37 281 5.2 Python

   ChatGPT in command line with OpenAI API (gpt-3.5-turbo/gpt-4/gpt-4-32k)

   

   Next, we’ll also need an OpenAI account to have access to their API.

7. OpenAI-DotNet

   6 113 741 7.0 C#

   A Non-Official OpenAI RESTful API Client for DotNet (by RageAgainstThePixel)

   

   In this series, we’ll learn how to integrate OpenAI‘s AI services into an application built with Qwik, a JavaScript framework focused on the concept of resumability (this will be relevant to understand later).

Suggest a related project