Code Search in natural language for React codebases [JS/TS]. Provided by Wizi AI.

Overview

AI powered Code Search for React codebases (JS/TS) by Wizi AI

We are launching our Code Search feature as an open-source project for frontend teams to enjoy instant natural language search in React (JS/TS) codebases.

Note that this is a self-hosted tool that uses Vercel, OpenAI and Pinecone. All of these tools have generous free tiers which should be more than enough for you to try Code Search. For reference, indexing a mid-sized React repo should cost $1-2 on average.

Warning This is not a production ready solution. The goal of this repo is to give a quick template for frontend teams to experiment with their own code search tools.

Setup

Deploy with Vercel

  1. Double click on the button above and open the link in a new tab.
  2. Note that we use Vercel to deploy and host this for your convenience instead of setting up locally.
  3. Now let's add 4 ENV variables.
  4. Generate Github Personal Access Token: https://github.com/settings/personal-access-tokens/new
  5. Generate OpenAI API Token: https://platform.openai.com/account/api-keys
  6. Generate Pinecone API Token: https://app.pinecone.io/
  7. Also in Pinecone, create a new index: {name: 'wizi-ai-code-search', dimensions: 1536, metric: 'cosine', pod_type: 'P1'}
  8. Extract base url string under the title. Ex: wizi-ai-code-search-7874c84.svc.us-east1-gcp.pinecone.io.
  9. Add this url as PINECONE_BASE_URL in Vercel setup. Important to add https:// prefix to the string, so that your PINECONE_BASE_URL env variable is in the similar to https://wizi-ai-code-search-7874c84.svc.us-east1-gcp.pinecone.io
  10. Hit deploy. Should take less than two minutes. Once complete, you will have a link to your app. Congrats!
You might also like...
A React Typescript search interface for the popular Giphy.com service.

giphy-search A React Typescript search interface for the popular Giphy.com service. Lets get to it Scope We want you to create a search interface for

Redux bindings for client-side search
Redux bindings for client-side search

redux-search Higher-order Redux library for searching collections of objects. Search algorithms powered by js-worker-search. Check out the live demo a

Responsive and customizable search and select for Giphy's GIFs and Stickers.
Responsive and customizable search and select for Giphy's GIFs and Stickers.

Responsive and customizable search and select for Giphy's GIFs. https://sergiop.github.io/react-giphy-searchbox/ React Giphy Searchbox is a powerful r

Pokedex - Search for Pokémon by name or using the National Pokédex number
Pokedex - Search for Pokémon by name or using the National Pokédex number

Pokédex 🚀 Tecnologias utilizadas Esse projeto foi desenvolvido com as seguintes

Hypersearch enhances all major search engines (Google, DuckDuckGo, Amazon, etc.) with results from trusted sources in the sidebar and removing results from blocked sources
Hypersearch enhances all major search engines (Google, DuckDuckGo, Amazon, etc.) with results from trusted sources in the sidebar and removing results from blocked sources

Hypersearch Coming soon for Firefox and Opera. Microsoft Edge users can install from the Chrome store. Hypersearch enhances all major search engines (

🔍 GitHub repository search for Tonik
🔍 GitHub repository search for Tonik

Tonik Project for Tonik. Project is about creating a simple GitHub repository search tool. I am using following technologies: TypeScript, HTML5. Code

Simple generator of React code from Figma
Simple generator of React code from Figma

Simple generator of React code from Figma

A starter for React with Typescript with the fast Vite and all static code testing with Eslint and formatting with Prettier.
A starter for React with Typescript with the fast Vite and all static code testing with Eslint and formatting with Prettier.

A starter for React with Typescript with the fast Vite and all static code testing with Eslint and formatting with Prettier.

MobX React Handbook with code samples

Manual do MobX com React Exemplos de gerenciamento de estado no React usando a biblioteca MobX Versões Este repositório está utilizando as seguintes v

Owner
Wizi HQ
AI agent for common frontend tasks
Wizi HQ
An app designed to connect customers with translators in realtime, with translations provided through image, chat and live video calls.

Transl8r About the Project Transl8r is an app designed to connect people and translators to provide fast, effective translations via live chat, video

Richard Barnes 8 Oct 27, 2022
Live coding in your browser with your favourite language.

Live coding in your browser with your favourite language.

Fatih Erikli 986 Nov 20, 2021
Github Language Statistics

GitHub Language Statistics Data Generation Languages Get language top list for Github SELECT language.name, COUNT(language.name) AS count FROM [bigque

Fabian Beuke 734 Dec 29, 2022
NativeWind uses Tailwind CSS as high-level scripting language to create a universal design system

NativeWind Note tailwindcss-react-native is current working on v2, which includes a renaming of the project to NativeWind! NativeWind is still under d

Mark Lawlor 1.6k Jan 7, 2023
Elegant, accessible search component for React.

Elegant, accessible search component for React with recent searches & current location functionality. Installation npm i react-find --save Usage impo

George B. 20 Aug 19, 2022
Responsive React Repository Search

React Repository Search A repository search application using Github's repository search API that displays results based on search terms. The results

Hemesh Patel 6 Oct 2, 2022
This is a react app that I created for an intern test, involves using a search and price filter features

FRONTEND ENGINEERING INTERN APPLICATION This is an application i created for an intern application test. VIEW APP Available Scripts In the project dir

Kehinde Ojapa 1 Nov 4, 2021
React Typesense Search 10,000 Trending Movies using Instantsearch

Getting Started with Create React App This project was bootstrapped with Create React App. Demo Available Scripts In the project directory, you can ru

Islem Maboud 14 Nov 24, 2022
A unique search bar that filters through data. Built with React, JavaScript, Material UI, Node.js and MySQL

A unique search bar that filters through data. Built with React, JavaScript, Material UI, Node.js and MySQL

Christotle Agholor 4 Nov 22, 2022
GitHub repository search app in React, TypeScript and GraphQL

GitHub repository search app in React, TypeScript and GraphQL

Hesbon Osoro 3 Dec 21, 2022