React.js Plugins | To Watch | RU
8 subscribers
317 photos
317 links
Плагины, пакеты и примеры на React.js
Download Telegram
Игра Tenzies, построенная с использованием React.js

Tenzies Game React-App - это захватывающий проект, созданный с использованием React.js. Эта игра стремится принести классическую игру в кости Tenzies в цифровой мир, предоставляя веселое и интерактивное взаимодействие для игроков всех возрастов. Бросьте кости, чтобы начать игру. Вы можете найти ссылку на веб-сайт игры в описании. Для установки и запуска проекта вам потребуется Node.js и NPM, а затем клонировать репозиторий и установить зависимости с помощью команд в терминале. Структура папок и файлов включает папку с ресурсами, компоненты и файлы стилей, а также скрипты запуска и настройки проекта.

Github
Инструмент для визуализации вашего расписания для студентов ВИТ-Веллора и Ченнаи

Этот пакет из GitHub представляет собой веб-приложение, предназначенное для визуализации расписания студентов ВИТ Веллор и Ченнаи, чтобы помочь в регистрации курсов FFCS. Он использует PostgreSQL для базы данных, Prisma как ORM для доступа к данным, Nest.js в качестве фреймворка для разработки серверной части, а также другие инструменты, такие как bcrypt для хеширования паролей, Swagger для документирования API и Redis в качестве кэша. Фронтенд приложения разработан с использованием React и CSS-фреймворка TailwindCSS. Для локального запуска приложения необходимо выполнить несколько шагов, а для развертывания фронтенда необходимо также склонировать репозиторий и установить зависимости. Есть также ER-диаграмма и в планах создание административного портала.

Github
Превратите все репозиторий GitHub в единый организованный текстовый файл для использования с интерпретатором кода

RepoToText – это веб-приложение, которое сканирует репозиторий GitHub и преобразует его файлы в один организованный .txt файл. Вы можете ввести URL репозитория GitHub и, при желании, URL документации (информация о документации будет добавлена в начало .txt файла). Приложение извлекает содержимое репозитория, включая все файлы и каталоги, а также извлекает документацию с предоставленного URL и включает ее в один организованный текстовый файл. .txt файл будет сохранен в корневом каталоге проекта с информацией о пользователе/репозитории/временной метки. Затем этот файл можно загрузить в интерпретатор кода, и вы сможете взаимодействовать с всем репозиторием GitHub с помощью чат-бота.

Github
Простой калькулятор с React.js

Пакет "Simple React Calculator Demo Look" представляет собой демонстрационный пример калькулятора, разработанного с использованием React js. Он позволяет пользователю выполнять базовые математические операции, такие как сложение, вычитание, умножение и деление. Пакет включает в себя инструкции по клонированию проекта, установке необходимых модулей и запуску приложения в браузере. Для получения дополнительной помощи по разработке приложений на React рекомендуется использовать Create React App.

Github
Продвинутое приложение-компаньон для путешествий, использующее Google Maps

Travel Mate - это приложение для путешествий, которое использует Google Maps для создания продвинутого путеводителя. Пользователь может использовать геолокацию, Google Maps API и поиск мест, чтобы найти рестораны, отели и достопримечательности в определенном месте. Приложение также использует RapidAPI для получения данных из различных источников. В процессе работы над проектом разработчик изучил лучшие практики создания React-приложений, работу с Material UI и Google Maps API, а также получение данных с помощью RapidAPI. Чтобы начать работу с приложением, необходимо установить и запустить его с помощью команд npm i и npm start.

Github
Современный и инновационный интерфейс threads с открытым исходным кодом, построенный с использованием Next.js

Пакет "String - Threads Web Frontend" представляет собой современный и инновационный фронтенд для открытого исходного кода threads, созданный с использованием Next.js, Tailwind CSS и последних технологий веб-разработки. Пакет содержит инструкции по установке и запуску проекта, а также приветствует вклад от других разработчиков. Проект лицензирован под MIT License и разработан при использовании Next.js, Tailwind CSS и React. В случае возникновения вопросов или обратной связи доступны контактные данные автора проекта.

Github
Полнофункциональное веб-приложение для социальных сетей, созданное с помощью MERN

Social Media App - это полнофункциональное веб-приложение социальных медиа, созданное с использованием стека MERN. Оно позволяет создавать, читать, обновлять и удалять посты, а также отмечать и снимать отметки с постов. Пользователи могут также оставлять комментарии, просматривать профили других пользователей, отправлять личные сообщения в режиме реального времени и использовать маркдаун для постов и комментариев. Приложение также предлагает фильтрацию неприемлемого контента и выставление временных ограничений на публикацию и комментирование.

Github
Удобное и эффективное приложение для ведения заметок, использующее React и Firebase

Этот пакет в GitHub представляет собой приложение по созданию заметок с использованием React и Firebase. Оно имеет дружественный пользовательский интерфейс и эффективно выполняет функцию создания и хранения заметок. Для начала работы с проектом необходимо установить Node.js и NPM, клонировать репозиторий, установить зависимости и запустить приложение на локальном сервере. После этого можно открыть приложение по указанной ссылке и начать пользоваться.

Github
Веб-проект Cars Showcase, разработанный с использованием React и Tailwind CSS

Этот пакет из GitHub представляет собой веб-проект "Cars Showcase Web Project" под названием AutoVerse. Он разработан с использованием React, NextJS 13, TypeScript и Tailwind CSS. Сайт предлагает пользователям захватывающий опыт, позволяющий изучать различные модели автомобилей. Он включает в себя раздел героя, подробный каталог автомобилей со встроенной функцией фильтрации, а также возможность получить подробную информацию о выбранной модели автомобиля, включая фотографии и данные производителя.

Github | Демо
Универсальный компонент для обрезки изображений для приложений React

Mini React Cropper - это компонент обрезки изображений для приложений на React. Он позволяет выбирать и обрезать определенную область изображения, предоставляя различные параметры настройки, такие как форма, тип границы, масштабирование и другие. Возможности включают простоту и интуитивность использования, поддержку обрезки прямоугольной или круглой формы, настраиваемый тип границы, цвет и цвет точек, опции увеличения и уменьшения с настраиваемыми уровнями масштабирования, возможность задания минимальных и максимальных уровней масштабирования, функциональность перетаскивания и изменения размеров области обрезки, обратные вызовы для получения обрезанного изображения и настраиваемый стиль и классы для интеграции с пользовательским интерфейсом вашего проекта.

Github
Альтернатива Docsend с открытым исходным кодом с мощным управлением ссылками и расширенным отслеживанием

Hashdocs - это альтернатива Docsend с открытым исходным кодом. Мы создаем более функциональную и безопасную платформу для обмена документами и комнаты данных. Предоставление чувствительных документов в виде вложений - рискованно и устаревшо. В нашей платформе есть возможности для контроля доступа, отслеживания времени нахождения на каждой странице, а также для отзыва доступа к документам и их обновления.

Github
Банковское приложение fullstack GraphQL, созданное с использованием React

React-GraphQL-Bank - полноценное банковское приложение на основе React, Node и TypeScript, использующее GraphQL. Проект полностью открыт для вклада и приветствуются любые действия, включая поиск/сообщение/исправление проблем и запросы на слияние. Приложение включает в себя функции регистрации, входа, управления счетами и транзакциями, визуализацию данных и генерацию фиктивных данных с помощью faker. Технологический стек включает в себя Apollo, Express, GraphQL, TypeORM, PostgreSQL на серверной стороне и React, Formik, Material UI, Recharts на клиентской стороне.

Github
Простая браузерная игра в крестики-нолики, которая зависит от локально запущенного сервера nodejs

Этот пакет на GitHub - простая игра крестики-нолики, работающая в браузере и зависящая от локально запущенного сервера nodejs. Он был создан в рамках задания для школы в начале 2018 года. Для запуска игры необходимо выполнить несколько шагов: перейти в папку проекта с помощью команды "cd react-tictactoe", установить все необходимые пакеты для сервера и клиента с помощью команды "npm run first", после чего можно запустить сервер и клиент одной командой "npm run start". Откроется окно браузера с URL-адресом "http://localhost:3000", где можно будет играть. Для запуска двух клиентов одновременно откройте новую вкладку с тем же URL-адресом, и они будут играть друг против друга.

Github
Портал вакансий для женщин, созданный с использованием React

Добро пожаловать в приложение SheRise - платформу для женщин, где они могут получить доступ ко всем объявлениям о работе на одном веб-сайте. SheRise предлагает 8 различных видов услуг для всех кандидатов, а также предоставляет стипендии девочкам из малообеспеченных семей для успешной карьеры в сфере технологий. Авторы проекта: Sayan Maity и Shrestha Das. Обратите внимание на обширный список возможностей и функций, включая искусственного интеллекта, менторство в режиме реального времени, фильтрацию и закладки вакансий, оплату через платежные шлюзы и многое другое.

Github | Демо
Система отслеживания расходов, построенная с использованием React

Этот пакет на GitHub представляет собой простую систему учета расходов, созданную с использованием simple-react. Он не имеет бэкэнда и разработан для образовательных целей. Установка и использование проекта просты. В репозитории нет ограничений или авторских прав, и приглашаются еще участники для содействия. Пакет включает в себя скриншоты и пошаговое руководство по установке, а также контактные данные для связи с автором.

Github
Страховое решение, созданное с помощью React и MySQL

"React MySQL BimeYaran" - это обновленная и реплицированная версия Bime Iran. Он использует библиотеки React и modern UI для интерфейсной части, а сервер NodeJS, подключенный к базе данных MySQL для серверной части. В приложении есть панель мониторинга с различными правами доступа для пользователей, администраторов, менеджеров и владельца. Пользователи могут зарегистрироваться или войти в систему, а также запросить возмещение за активный страховой пакет, которое должно быть принято администраторами или менеджерами. Каждому страховому договору и сотруднику присваивается уникальный идентификатор филиала, а база данных нормализуется в соответствии с третьей обычной формой (3NF). Пакет включает в себя библиотеки и инструменты, такие как Tailwind UI, Material UI, Axios, React Router и другие. Вклады и запросы на удаление приветствуются, а с автором можно связаться через Discord.

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

Этот пакет из GitHub представляет собой приложение Task Manager, которое позволяет пользователям добавлять, просматривать и удалять задачи. Каждая задача имеет заголовок, дату выполнения и категорию. Проект построен с использованием React и TypeScript и демонстрирует концепции обработки ввода формы, поддержки состояния приложения и реализации компонентов пользовательского интерфейса. Для установки необходимых зависимостей после клонирования репозитория следует выполнить команду npm install.


Github
Простое приложение для выполнения задач, созданное с помощью Next.js и попутный ветер.

Этот пакет из GitHub - mini-domini-do, является простым приложением для списка дел, созданным с использованием последних технологий. Он предоставляет минималистический и удобный интерфейс для эффективного управления задачами. В пакете содержится информация о установке и инструкции по использованию приложения. Возможности mini-do включают добавление новых задач с заголовком, отметку задачи как выполненной, удаление задач, фильтрацию задач по статусу (все, активные, выполненные), очистку выполненных задач и совместимость с аутентификацией пользователя через NextAuth для безопасного доступа.

Github
Веб-интерфейс для взаимодействия с базой данных, построенный с использованием React.JS

cur-database-react - это динамическое и отзывчивое веб-приложение, построенное с использованием React.js, которое предоставляет пользовательский интерфейс, удобный для пользователя. Оно позволяет пользователям подключаться и взаимодействовать с базами данных через современный и интуитивно понятный веб-интерфейс, напоминающий социальную платформу. Проект поддерживает интеграцию с базой данных mySQL, предоставляя возможность создания, изменения и удаления строк, а также выполнения запросов. Используемые технологии включают React.js и Typescript для создания отзывчивого пользовательского интерфейса и повышения опыта разработки, а также Tailwind CSS для стилизации интерфейса с минимальными усилиями.

Github
Игра 3072, созданная с использованием TypeScript, React и Tailwind CSS

3072 - это игра с объединением чисел, вдохновленная 2048 годом, но с изюминкой - в ней используются 3s вместо 2s. Созданная с использованием TypeScript, React и Tailwind CSS, игра обладает высокой производительностью интерактивности и потрясающим адаптивным дизайном. Ваши высокие баллы хранятся локально, и цель состоит в том, чтобы объединить блоки, чтобы достичь числа "3072". Вклады и запросы на новые функции приветствуются, и проект является открытым исходным кодом под ОБЩЕЙ публичной лицензией GNU. Вы можете связаться с разработчиком через GitHub или по электронной почте.

Github