Утилита оболочки для интерактивного выбора строк из стандартного ввода
Утилита LineSelect представляет собой командную оболочку, которая позволяет выбрать строки из ввода и вывести их в вывод. Это позволяет пользователям прерывать выполнение командного потока и вручную выбирать нужные строки перед продолжением выполнения командного потока или другой составной команды. Программа может быть использована для выбора файлов для удаления, выбора контейнеров Docker для остановки или отбора определенных строк из лог-файлов. Утилита построена на основе библиотеки React-for-CLI Ink и использует уникальный метод отображения пользовательского интерфейса, обеспечивающий корректную работу с выводом в консоль.
Github
Утилита LineSelect представляет собой командную оболочку, которая позволяет выбрать строки из ввода и вывести их в вывод. Это позволяет пользователям прерывать выполнение командного потока и вручную выбирать нужные строки перед продолжением выполнения командного потока или другой составной команды. Программа может быть использована для выбора файлов для удаления, выбора контейнеров Docker для остановки или отбора определенных строк из лог-файлов. Утилита построена на основе библиотеки React-for-CLI Ink и использует уникальный метод отображения пользовательского интерфейса, обеспечивающий корректную работу с выводом в консоль.
Github
Приложение для обмена видео и фотографиями в социальных сетях, созданное с помощью React
MeFriends - это приложение для обмена видео и фотографиями в социальных сетях, предназначенное для общения и обмена моментами с друзьями и семьей. Он предлагает такие функции, как аутентификация пользователя, создание и редактирование постов, лайки и комментарии, персонализированная лента новостей, функция изучения, управление профилем, функция поиска, уведомления, меры конфиденциальности и безопасности. Приложение создано с использованием таких технологий, как React.js , Node.js , Express.js , MongoDB и Sanity.io , обеспечивая плавный и интерактивный пользовательский интерфейс при одновременном обеспечении безопасности и масштабируемости. Этот проект открыт для участия и лицензирован по лицензии MIT.
Github
MeFriends - это приложение для обмена видео и фотографиями в социальных сетях, предназначенное для общения и обмена моментами с друзьями и семьей. Он предлагает такие функции, как аутентификация пользователя, создание и редактирование постов, лайки и комментарии, персонализированная лента новостей, функция изучения, управление профилем, функция поиска, уведомления, меры конфиденциальности и безопасности. Приложение создано с использованием таких технологий, как React.js , Node.js , Express.js , MongoDB и Sanity.io , обеспечивая плавный и интерактивный пользовательский интерфейс при одновременном обеспечении безопасности и масштабируемости. Этот проект открыт для участия и лицензирован по лицензии MIT.
Github
Приложение React, которое используется для поиска бесплатных инструментов
Привет! Этот проект в GitHub - Welcome 👋 Free-Hit - это веб-приложение, которое позволяет найти бесплатные инструменты, полезные для нашего повседневного использования. Он создан удивительным сообществом открытого исходного кода. Здесь вы найдете список бесплатных инструментов, которые могут помочь вам в повседневной жизни. Вы также можете внести свой вклад в проект, добавляя больше инструментов в нашу базу данных. В проекте используется Reactjs, Vite и PNPM для разработки и управления пакетами. Проект приветствует вклады и предлагает руководство для новых участников. Авторы проекта - Jason Dsouza и Syed Aman Ali, а также благодарят всех участников за вклад и приглашают других присоединиться к проекту.
Github
Привет! Этот проект в GitHub - Welcome 👋 Free-Hit - это веб-приложение, которое позволяет найти бесплатные инструменты, полезные для нашего повседневного использования. Он создан удивительным сообществом открытого исходного кода. Здесь вы найдете список бесплатных инструментов, которые могут помочь вам в повседневной жизни. Вы также можете внести свой вклад в проект, добавляя больше инструментов в нашу базу данных. В проекте используется Reactjs, Vite и PNPM для разработки и управления пакетами. Проект приветствует вклады и предлагает руководство для новых участников. Авторы проекта - Jason Dsouza и Syed Aman Ali, а также благодарят всех участников за вклад и приглашают других присоединиться к проекту.
Github
Полнофункциональный веб-сайт электронной коммерции, использующий MERN stack
Этот пакет на GitHub представляет собой проект Amazon Clone, созданный с использованием React и TypeScript для разработки полнофункционального интернет-магазина, похожего на Amazon. Он использует MERN-стек (MongoDB, ExpressJS, React и Node.JS) и содержит основные страницы, такие как страница товаров, страница отдельного товара и корзина. В планах дальнейшая разработка бэкэнда с использованием Node.js, Express.js и MongoDB, создание страниц оформления заказа и оплаты, аутентификация пользователей и развертывание проекта на облачных серверах.
Github
Этот пакет на GitHub представляет собой проект Amazon Clone, созданный с использованием React и TypeScript для разработки полнофункционального интернет-магазина, похожего на Amazon. Он использует MERN-стек (MongoDB, ExpressJS, React и Node.JS) и содержит основные страницы, такие как страница товаров, страница отдельного товара и корзина. В планах дальнейшая разработка бэкэнда с использованием Node.js, Express.js и MongoDB, создание страниц оформления заказа и оплаты, аутентификация пользователей и развертывание проекта на облачных серверах.
Github
Компонент React, который обрабатывает ввод csv-файла и его синтаксический анализ
react-csv-reader - это компонент React, который обрабатывает ввод csv-файла и его парсинг. В этом пакете представлены примеры использования компонента, включая превью и настройки парсера. Компонент предоставляет возможность загружать csv-файлы, парсить их и получать данные в формате JSON. Пакет также позволяет настраивать параметры парсера, такие как использование worker thread и динамическая типизация данных.
Github
react-csv-reader - это компонент React, который обрабатывает ввод csv-файла и его парсинг. В этом пакете представлены примеры использования компонента, включая превью и настройки парсера. Компонент предоставляет возможность загружать csv-файлы, парсить их и получать данные в формате JSON. Пакет также позволяет настраивать параметры парсера, такие как использование worker thread и динамическая типизация данных.
Github
Полноценное приложение с системой авторизации
Данный проект "React Employees" является полноценным веб-приложением с системой авторизации. Приложение позволяет создавать сотрудников, причем редактировать или удалять сотрудника может только его создатель (пользователь). В разработке использованы технологии ReactJS, Redux Toolkit, Typescript, RTK Query, Antd, Prisma client и Jsonwebtoken.
Github
Данный проект "React Employees" является полноценным веб-приложением с системой авторизации. Приложение позволяет создавать сотрудников, причем редактировать или удалять сотрудника может только его создатель (пользователь). В разработке использованы технологии ReactJS, Redux Toolkit, Typescript, RTK Query, Antd, Prisma client и Jsonwebtoken.
Github
Веб-сайт ресторана с использованием MERN Stack
GKMIT Restaurant - это ресторан, где можно заказать и найти вкусную еду. Для создания сайта ресторана использовался стек MERN. В качестве фронтенда был использован ReactJS, для создания стилей - Advance CSS, а в качестве бэкенда - NodeJS. Веб-страницы включают главную страницу, страницу с едой, страницу корзины и страницу контактов. Кроме того, есть возможность протестировать рабочий вариант сайта по ссылке.
Github
GKMIT Restaurant - это ресторан, где можно заказать и найти вкусную еду. Для создания сайта ресторана использовался стек MERN. В качестве фронтенда был использован ReactJS, для создания стилей - Advance CSS, а в качестве бэкенда - NodeJS. Веб-страницы включают главную страницу, страницу с едой, страницу корзины и страницу контактов. Кроме того, есть возможность протестировать рабочий вариант сайта по ссылке.
Github
Клон Spotify, созданный с использованием React, Next.js , Tailwind CSS и Spotify API
Это пакет в GitHub представляет собой клон Spotify, созданный с использованием React, Next.js, Tailwind CSS и Spotify API. Он обладает множеством функций, таких как аутентификация/регистрация через Spotify, получение плейлистов пользователя, топ-артистов, топ-треков, недавно прослушанных треков и сохраненных треков пользователя. Также включены адаптивный дизайн, темный режим, поиск треков, артистов, альбомов и плейлистов, поключение в режиме реального времени с клиентом Spotify и управление воспроизведением треков. Дополнительно предоставляются команды для сборки, тестирования, проверки и форматирования кода.
Github
Это пакет в GitHub представляет собой клон Spotify, созданный с использованием React, Next.js, Tailwind CSS и Spotify API. Он обладает множеством функций, таких как аутентификация/регистрация через Spotify, получение плейлистов пользователя, топ-артистов, топ-треков, недавно прослушанных треков и сохраненных треков пользователя. Также включены адаптивный дизайн, темный режим, поиск треков, артистов, альбомов и плейлистов, поключение в режиме реального времени с клиентом Spotify и управление воспроизведением треков. Дополнительно предоставляются команды для сборки, тестирования, проверки и форматирования кода.
Github
Многофункциональный инструмент для очистки текста для удаления пробелов и разрывов строк
Этот пакет на GitHub представляет собой инструмент для обработки текста, включающий удаление пробелов и переносов строк, анонимизацию и проверку количества токенов для использования с ChatGPT или другими большими языковыми моделями. Он также имеет функцию декодирования ранее анонимизированного текста. Проект использует библиотеки Hugging Face Transformers и React. Для использования необходимо клонировать репозиторий, запустить Flask API на http://localhost:5000 и React-приложение на http://localhost:3000, где можно вводить текст, анонимизировать его или удалять пробелы и переносы строк. Также в пакете предоставляются различные режимы работы, включая анонимизацию, декодирование и удаление пробелов и переносов строк.
Github
Этот пакет на GitHub представляет собой инструмент для обработки текста, включающий удаление пробелов и переносов строк, анонимизацию и проверку количества токенов для использования с ChatGPT или другими большими языковыми моделями. Он также имеет функцию декодирования ранее анонимизированного текста. Проект использует библиотеки Hugging Face Transformers и React. Для использования необходимо клонировать репозиторий, запустить Flask API на http://localhost:5000 и React-приложение на http://localhost:3000, где можно вводить текст, анонимизировать его или удалять пробелы и переносы строк. Также в пакете предоставляются различные режимы работы, включая анонимизацию, декодирование и удаление пробелов и переносов строк.
Github
Домашняя страница Airbnb создана с использованием ReactJS, Html и CSS
Данный пакет из github представляет собой клон приложения Airbnb, разработанный с использованием React. Он воспроизводит дизайн домашней страницы популярной платформы для бронирования жилья Airbnb. Для запуска приложения локально необходимо клонировать репозиторий, установить зависимости, запустить локальный сервер. В дальнейшем планируется добавить функционал, сделать сайт адаптивным для различных устройств.
Github
Данный пакет из github представляет собой клон приложения Airbnb, разработанный с использованием React. Он воспроизводит дизайн домашней страницы популярной платформы для бронирования жилья Airbnb. Для запуска приложения локально необходимо клонировать репозиторий, установить зависимости, запустить локальный сервер. В дальнейшем планируется добавить функционал, сделать сайт адаптивным для различных устройств.
Github
Дизайн для приложения на футболке, созданный с использованием Three.js и реагировать
Пакет shirt-three - это веб-приложение, которое позволяет пользователям создавать пользовательские дизайны футболок. Пользователи могут загружать свои собственные логотипы и взаимодействовать с сервером. Приложение также использует искусственный интеллект для создания дизайна футболок, цветов и логотипов. Проект построен с использованием Three.js и React, и был развернут с использованием render и vercel. Пользователям предлагается проявить свой творческий потенциал и легко создавать свои собственные уникальные дизайны футболок.
Github | Демо
Пакет shirt-three - это веб-приложение, которое позволяет пользователям создавать пользовательские дизайны футболок. Пользователи могут загружать свои собственные логотипы и взаимодействовать с сервером. Приложение также использует искусственный интеллект для создания дизайна футболок, цветов и логотипов. Проект построен с использованием Three.js и React, и был развернут с использованием render и vercel. Пользователям предлагается проявить свой творческий потенциал и легко создавать свои собственные уникальные дизайны футболок.
Github | Демо
Целевая страница iPhone 14 Pro, созданная с использованием React.js и Three.js
На главной странице пакета GitHub представлена Landing Page iPhone 14 Pro, разработанная с использованием таких технологий, как React.js, WebGi, Three.js и GSAP ScrollTrigger. Сайт выполнен в стиле официальной лендинговой страницы Apple для iPhone 14. Вы можете непосредственно оценить работу этого сайта, открыв его в браузере и взаимодействуя с ним в режиме реального времени.
Github
На главной странице пакета GitHub представлена Landing Page iPhone 14 Pro, разработанная с использованием таких технологий, как React.js, WebGi, Three.js и GSAP ScrollTrigger. Сайт выполнен в стиле официальной лендинговой страницы Apple для iPhone 14. Вы можете непосредственно оценить работу этого сайта, открыв его в браузере и взаимодействуя с ним в режиме реального времени.
Github
Встраивайте статические потоки в свой React/Next.js применение
Пакет "react-threads" представляет собой набор UI компонентов для встраивания статических тем в ваши приложения на React/Next.js. Он использует API Meta's Threads, предоставляемое проектом junhoyeo/threads-api. В пакете также предоставляется демонстрационный пример использования, но обратите внимание, что развертывание на Vercel может быть нестабильным. Для установки необходимо установить зависимости react-threads, threads-api, next, tailwindcss, postcss и autoprefixer, а также добавить пути к источникам контента в файле конфигурации Tailwind.
Github | Демо
Пакет "react-threads" представляет собой набор UI компонентов для встраивания статических тем в ваши приложения на React/Next.js. Он использует API Meta's Threads, предоставляемое проектом junhoyeo/threads-api. В пакете также предоставляется демонстрационный пример использования, но обратите внимание, что развертывание на Vercel может быть нестабильным. Для установки необходимо установить зависимости react-threads, threads-api, next, tailwindcss, postcss и autoprefixer, а также добавить пути к источникам контента в файле конфигурации Tailwind.
Github | Демо
Простой клон платформы Notion, построенный с использованием React
Данный пакет из GitHub представляет собой реактивный клон приложения Notion, где есть функционал для выделения текста жирным, курсивом, подчеркнутым и в кодовом формате. Также есть возможность добавления символа "/" и выбора размера заголовков (большой, средний, маленький). Для разработки использовались следующие технологии: React, Vite, TipTap Editor, Typescript, Tailwind, PostCSS, Git и Github. Установка пакета осуществляется путем клонирования репозитория и выполнения команд npm install и npm run dev.
Github
Данный пакет из GitHub представляет собой реактивный клон приложения Notion, где есть функционал для выделения текста жирным, курсивом, подчеркнутым и в кодовом формате. Также есть возможность добавления символа "/" и выбора размера заголовков (большой, средний, маленький). Для разработки использовались следующие технологии: React, Vite, TipTap Editor, Typescript, Tailwind, PostCSS, Git и Github. Установка пакета осуществляется путем клонирования репозитория и выполнения команд npm install и npm run dev.
Github
Целевая страница туристического агентства Jadoo с использованием react и typescript
Это проект страницы с лендингом для агентства путешествий Jadoo, созданный с использованием React, TypeScript и Vite. Он имеет красивый и современный дизайн, адаптивную верстку для различных размеров экранов, плавную навигацию с прокруткой, интерактивные компоненты и анимации, а также информацию о услугах агентства путешествий Jadoo. Проект использует такие технологии, как React, TypeScript, Vite, HTML5, CSS3, TailwindCSS, JavaScript и React Router. Для установки и запуска проекта необходимо установить Node.js и выполнить соответствующие команды. Для развертывания страницы на выбранной платформе хостинга необходимо построить проект и настроить платформу для обслуживания сгенерированных файлов. Проект был разработан SignorDev и может быть использован в качестве основы для собственных проектов.
Github | Демо
Это проект страницы с лендингом для агентства путешествий Jadoo, созданный с использованием React, TypeScript и Vite. Он имеет красивый и современный дизайн, адаптивную верстку для различных размеров экранов, плавную навигацию с прокруткой, интерактивные компоненты и анимации, а также информацию о услугах агентства путешествий Jadoo. Проект использует такие технологии, как React, TypeScript, Vite, HTML5, CSS3, TailwindCSS, JavaScript и React Router. Для установки и запуска проекта необходимо установить Node.js и выполнить соответствующие команды. Для развертывания страницы на выбранной платформе хостинга необходимо построить проект и настроить платформу для обслуживания сгенерированных файлов. Проект был разработан SignorDev и может быть использован в качестве основы для собственных проектов.
Github | Демо
Перетаскивайте логотипы приложения с помощью React
Этот пакет из Github - приложение, которое позволяет пользователям перетаскивать и бросать логотипы языков программирования и инструментов после входа в приложение, также пользователь может узнать больше о некоторых языках программирования, нажимая на соответствующие кнопки. Особенности включают перетаскивание логотипов, вход по нескольким параметрам безопасности, переключение между светлой и темной темой и изучение некоторых языков программирования. Для запуска проекта необходимо клонировать репозиторий с Github и запустить его локально с помощью команды npm run dev.
Github
Этот пакет из Github - приложение, которое позволяет пользователям перетаскивать и бросать логотипы языков программирования и инструментов после входа в приложение, также пользователь может узнать больше о некоторых языках программирования, нажимая на соответствующие кнопки. Особенности включают перетаскивание логотипов, вход по нескольким параметрам безопасности, переключение между светлой и темной темой и изучение некоторых языков программирования. Для запуска проекта необходимо клонировать репозиторий с Github и запустить его локально с помощью команды npm run dev.
Github
Игра под названием ultimate tic-tac-toe, реализованная с использованием react
Этот пакет включает игру "Ultimate Tic-Tac-Toe", которая является расширением обычной игры крестики-нолики и предназначена для использования в React. В Ultimate Tic-Tac-Toe вы должны выиграть три игры подряд на глобальной доске, играя одновременно в девять меньших игр. Вы можете посмотреть превью игры на Codesandbox.
Github
Этот пакет включает игру "Ultimate Tic-Tac-Toe", которая является расширением обычной игры крестики-нолики и предназначена для использования в React. В Ultimate Tic-Tac-Toe вы должны выиграть три игры подряд на глобальной доске, играя одновременно в девять меньших игр. Вы можете посмотреть превью игры на Codesandbox.
Github
Веб-приложение, которое предоставляет пользователям последние новости со всего мира
NewsMonkey - это веб-приложение, которое собирает последние новости со всего мира с помощью NewsAPI. Он предлагает расширенные возможности фильтрации и бесконечную функциональность прокрутки, чтобы обеспечить пользователям беспрепятственный просмотр. Чтобы запустить приложение локально, Node.js необходимо установить, и пользователи должны создать учетную запись на News API и добавить свой ключ API в файл .env. После установки необходимых зависимостей пользователи могут запустить приложение, используя предоставленные команды. Технический стек, используемый при разработке NewsMonkey, включает в себя Node.js и реагировать.
Github
NewsMonkey - это веб-приложение, которое собирает последние новости со всего мира с помощью NewsAPI. Он предлагает расширенные возможности фильтрации и бесконечную функциональность прокрутки, чтобы обеспечить пользователям беспрепятственный просмотр. Чтобы запустить приложение локально, Node.js необходимо установить, и пользователи должны создать учетную запись на News API и добавить свой ключ API в файл .env. После установки необходимых зависимостей пользователи могут запустить приложение, используя предоставленные команды. Технический стек, используемый при разработке NewsMonkey, включает в себя Node.js и реагировать.
Github
QoL извлекает api-перехватчики для React
Пакет fetch-yo-mama является набором утилитных хуков для использования Fetch API в React. Он облегчает использование Fetch API, автоматически прерывая запрос, если компонент размонтируется. Для использования необходимо установить библиотеку и обернуть приложение в FetchProvider, передавая необходимые параметры. Затем можно использовать хуки useGet, usePost, useDelete, usePatch, usePut для выполнения запросов и получения данных, также есть возможность настроить запрос, указав дополнительные параметры.
Github
Пакет fetch-yo-mama является набором утилитных хуков для использования Fetch API в React. Он облегчает использование Fetch API, автоматически прерывая запрос, если компонент размонтируется. Для использования необходимо установить библиотеку и обернуть приложение в FetchProvider, передавая необходимые параметры. Затем можно использовать хуки useGet, usePost, useDelete, usePatch, usePut для выполнения запросов и получения данных, также есть возможность настроить запрос, указав дополнительные параметры.
Github