React.js Plugins | To Watch | RU
8 subscribers
317 photos
317 links
Плагины, пакеты и примеры на React.js
Download Telegram
Классическая игра "Камень, ножницы, бумага", созданная с использованием Next.js и попутный ветер.

Этот проект представляет собой классическую игру "Камень-ножницы-бумага", построенную с использованием Next.js 13 для серверного рендеринга и статических веб-сайтов, Tailwind CSS для стилизации пользовательского интерфейса и TypeScript для типизации. В игре можно играть как против компьютера, так и с друзьями, записывать свои победы, поражения и ничьи. Игра имеет отзывчивый дизайн и может быть запущена как на десктопе, так и на мобильном устройстве.

Github | Демо
Подключи и играй встраиваемый виджет чат-бота с искусственным интеллектом и серверную платформу развертывания

ConvoStack - это виджет чат-бота с открытым исходным кодом и платформа для развертывания серверной части, которая может быть легко интегрирована в любой веб-сайт. Он использует React для интерфейса, Express.js для серверной части, Redis для производственного кэша и pub /sub и Langchain для интеграции с AI agent framework. Чтобы начать, пользователи могут ознакомиться с репозиторием и руководством по быстрому запуску и следовать приведенным примерам или ознакомиться с полной документацией, доступной на веб-сайте проекта по адресу docs.convostack.ai .

Github | Демо
Инструмент для подготовки к собеседованию, который обеспечивает обратную связь искусственного интеллекта по вашим макетным интервью

Liftoff - это инструмент для подготовки интервью на базе искусственного интеллекта, который предоставляет обратную связь по макетным интервью. Он использует различные фреймворки и платформы, такие как Next.js , Vercel, Upstash и Tailwind CSS для эффективной и быстрой разработки пользовательского интерфейса. Инструмент перекодирует аудио в MP3 с помощью FFmpeg и обеспечивает обратную связь через конечную точку Whisper от OpenAI и gpt-3.5-turbo.

Github | Демо
Расширение для браузера, предназначенное для улучшения навигации по веб-сайту магазина Mannco

Этот проект - расширение браузера, предназначенное для улучшения навигации на сайте Mannco Store. Оно основано на ранее созданных скриптах Tampermonkey, организованных в React-расширение с использованием Manifest V3. Существует ссылка для загрузки расширения, а также руководство по тестированию и участию в проекте.

Github
Приложение для электронной коммерции, в котором хранятся различные товары, которые можно демонстрировать и продавать онлайн

"AniMates" - это приложение для электронной коммерции, доступное на GitHub, которое поддерживает управление корзиной и списком пожеланий при продаже различных товаров онлайн. Он также включает в себя такие функции, как фильтрация и сортировка, управление адресами, аутентификация и полностью адаптивный дизайн. Процесс установки включает в себя клонирование проекта и установку зависимостей для запуска проекта локально. Демонстрационное видео приложения также доступно на платформе.

Github
Приложение для электронной коммерции, использующее React для очков

Eyesome - это платформа, предназначенная для обеспечения удобного процесса покупки товаров для очков.

Github | Демо
Веб-сайт с сенсорным вводом текста, созданный с помощью React

Этот веб-сайт для сенсорного ввода предназначен для того, чтобы помочь вам улучшить свои навыки набора текста и повысить скорость и точность набора текста. Независимо от того, являетесь ли вы новичком или хотите улучшить свои навыки набора текста, этот веб-сайт предоставляет удобный интерфейс и интерактивные упражнения для практики сенсорного ввода.

Github | Демо
Объедините React и TypeScript онлайн без Node.js

Этот пакет позволяет объединять проекты React и TypeScript в браузере без использования Node.js. Его можно использовать в онлайн-песочнице или установить через npm. В примере показан пример кода, который можно сгенерировать с помощью этого пакета.

Github
Приложение персонажей Рика и Морти, написанное на React

Это проект о персонажах сериала Rick and Morty. Можно искать и фильтровать персонажей, оставлять оценки персонажам, а также просматривать таблицу лидеров и рейтинг пользователей. Проект включает React, TypeScript, Mantine, Apollo GraphQL и другие технологии. Для запуска приложения необходимо выполнить определенные команды, описанные в описании проекта.

Github
Многопользовательские шахматы с открытым исходным кодом, созданные с помощью React и Typescript

Chess TSX - это приложение React chess, которое позволяет пользователям играть в шахматы онлайн. В нем используются такие технологии, как React.js , Машинописный текст, Node.js , Express.js , и Socket.io . В нем есть возможности многопользовательской игры, подсветка допустимых перемещений, а также создание комнат и совместное использование ими. В настоящее время проектом управляет context API, но планируется интегрировать Redux для управления состоянием и улучшить пользовательский интерфейс.

Github
Веб-приложение, которое позволяет вам создавать пользовательских чат-ботов с вашей собственной базой знаний

Dialoqbase - это веб-приложение, которое позволяет пользователям создавать пользовательских чат-ботов, используя их собственную базу знаний. Он использует мощные языковые модели и PostgreSQL для векторного поиска и хранения базы знаний. Однако приложение все еще находится на ранних стадиях разработки и еще не готово к использованию в производстве.

Github
Веб-приложение с открытым исходным кодом, которое позволяет вам создавать REST API

Glu-e - это веб-приложение с открытым исходным кодом, которое позволяет легко генерировать REST API с использованием Laravel и предстоящей поддержкой Node.js . Он обеспечивает быстрый и эффективный рабочий процесс разработки с помощью Vite и React, а также строго типизированную кодовую базу с помощью TypeScript для повышения надежности. Glu-e предлагает стильный и адаптивный дизайн пользовательского интерфейса с использованием Tailwind CSS и лицензируется по лицензии MIT.

Github
Полнофункциональное приложение, которое превращает любые документы в интеллектуального чат-бота

AnythingLLM - это полнофункциональное приложение, которое может превратить любой документ в фрагмент данных, который LLM (долговременная память) может использовать в качестве ссылки во время общения в чате. Рабочие пространства можно использовать для управления документами в долговременной памяти, и приложение включает в себя такие функции, как режимы беседы и запроса, а также цитату для каждого ответа в чате, которая ссылается на исходный контент. Для приложения требуются yarn и node, Python 3.8+ и доступ к LLM, такому как GPT-3.5 или GPT-4, а также поддержка нескольких поставщиков векторных баз данных.

Github | Демо
Простой синтаксический анализатор Markdown для React-email, написанный на typescript

md-to-react-email - это утилита, которая преобразует Markdown в допустимые шаблоны React-email, упрощая процесс создания адаптивных и настраиваемых шаблонов электронной почты. Он предлагает различные функции для преобразования CSS и Markdown в строки электронной почты React или JSX, а также предопределенные компоненты для структуры и оформления шаблонов электронной почты. Инструмент поддерживает несколько почтовых клиентов, и вклады приветствуются в соответствии с лицензией MIT.

Github
Веб-сайт электронной коммерции для бренда кроссовок DadSneakers, созданный на ReactJs

Пакет DadSneakers - это электронная коммерческая платформа для бренда кроссовок DadSneakers, построенная на ReactJs. В его состав входят функции аутентификации, фильтрации продуктов, управления корзиной и предпочтениями, поиск продуктов по имени или категории, управление адресами и профилем пользователя, оформление заказа и интеграция оплаты. Пакет разработан с использованием Frontend-технологий React, HTML и CSS, а также имеет Back-end на базе MockBee, поддерживает платежи от Razorpay и готов к развертыванию на Netlify.

Github
Веб-приложение, которое позволяет вам создавать и просматривать содержимое Markdown в режиме реального времени

Markdown Previewer - это веб-приложение, которое позволяет в режиме реального времени записывать и просматривать содержимое Markdown с поддержкой различных элементов Markdown. Он построен с использованием таких технологий, как React, marked library, Bootstrap и Babel. Чтобы запустить его локально, можно клонировать репозиторий, установить зависимости и запустить сервер разработки. Участие в проекте приветствуется, и это часть сертификационного курса freeCodeCamp по интерфейсу.

Github | Демо
Музыкальное приложение, использующее React для случайного вдохновения

Проект на Github под названием Accidental представляет собой музыкальное приложение для получения случайной вдохновляющей мелодии. Пользователь может настроить параметры для генерации нот, такие как ключ, диапазон высоты, инструмент и тд. В приложении можно использовать до четырех голосов. Accidental создан на TypeScript, React, Tailwind CSS и bibary abcjs для музыкальной нотации и звука. Проект находится в стадии разработки и имеет демонстрационную версию.

Github | Демо
Инструментарий статического анализа кода для обнаружения уязвимостей и их устранения

Этот пакет на Github представляет собой набор инструментов статического анализа кода для обнаружения уязвимостей и их устранения. Он включает анализ уязвимостей, их обнаружение и смягчение последствий, а также быстрое и глубокое сканирование, которое обеспечивает визуальную информацию и отслеживание серьезности. Архитектура включает в себя использование Semgrep и ORT вместе с ChatGPT (GPT-4) для сканирования пользовательского кода и зависимостей сторонних разработчиков и предложения мер по смягчению последствий. Пакет помогает снизить утомляемость при тревоге, сосредоточить внимание службы безопасности на важных вопросах и лучше использовать существующие ресурсы.

Github
Пакет React позволяет вам реализовать лупу для изображений

React Magnifier - это компонент для увеличения изображений в React. Он содержит функции для отображения изображения, создания отдельного контейнера для увеличенной части изображения, которую можно стилизовать и редактировать, и добавления элементов управления уровнем увеличения. Этот проект использует React и поддерживается компанией SolGuruz.

Github
Большая языковая модель, использующая модель GPT-3.5 для генерации человекоподобных ответов на вводимые пользователем данные

Skailar - это пользовательский интерфейс чата с открытым исходным кодом для моделей искусственного интеллекта, с частыми обновлениями и улучшениями. В следующем обновлении появится GPT-4. Он может быть собран локально с помощью Docker, а ключ OpenAI API можно настроить с помощью переменных окружения. Приложение поддерживает аутентификацию с помощью Google, GitHub, Discord и Twitch.

Github | Демо