Текстовый редактор для совместного использования в реальном времени, работающий на базе Websockets
Этот пакет под названием themeWork предлагает возможность совместной работы над текстовыми документами. Для запуска приложения необходимо установить Redis и создать базу данных на MongoDB. Приложение написано на React, использует Websockets, Socket.io, Redis, MongoDB, Jest и было создано при участии нескольких конрибьюторов. Лицензия MIT.
Github
Этот пакет под названием themeWork предлагает возможность совместной работы над текстовыми документами. Для запуска приложения необходимо установить Redis и создать базу данных на MongoDB. Приложение написано на React, использует Websockets, Socket.io, Redis, MongoDB, Jest и было создано при участии нескольких конрибьюторов. Лицензия MIT.
Github
Настраиваемый компонент switch для приложений React
Этот пакет React Switch представляет собой настраиваемый переключатель для приложений на React. Для установки можно использовать npm или yarn. Примеры использования - это переключатель для включения/выключения и переключатель роли пользователя. Пакет можно дополнить через pull request и issue на Github.
Github
Этот пакет React Switch представляет собой настраиваемый переключатель для приложений на React. Для установки можно использовать npm или yarn. Примеры использования - это переключатель для включения/выключения и переключатель роли пользователя. Пакет можно дополнить через pull request и issue на Github.
Github
Приложение React для удобного управления заметками и темами
MemoMate Notetaker - это приложение для создания, редактирования и удаления заметок, поддерживающее Markdown. Можно войти через Google или GitHub. Проект написан с использованием Next.js, React, tRPC, Prisma, Supabase и Tailwind.
Github | Демо
MemoMate Notetaker - это приложение для создания, редактирования и удаления заметок, поддерживающее Markdown. Можно войти через Google или GitHub. Проект написан с использованием Next.js, React, tRPC, Prisma, Supabase и Tailwind.
Github | Демо
Игра Nim, созданная с использованием React и Material-UI
Этот проект - простая стратегическая игра, где игроки перемещают по одной шахматной фигуре за ход. Победит тот, кто приведет противника к невозможности двигаться вперед. Выполнен на React web app с использованием Material-UI. В проекте доступны команды npm run start и npm run build. Проект был начат владельцем chunlaw, но к нему могут присоединиться другие участники.
Github | Демо
Этот проект - простая стратегическая игра, где игроки перемещают по одной шахматной фигуре за ход. Победит тот, кто приведет противника к невозможности двигаться вперед. Выполнен на React web app с использованием Material-UI. В проекте доступны команды npm run start и npm run build. Проект был начат владельцем chunlaw, но к нему могут присоединиться другие участники.
Github | Демо
Приложение Figma Notes, созданное с использованием React и localstorage
React Figma Notes - это приложение для создания заметок, созданное с помощью React, Redux и localStorage, которое имеет интерфейс, вдохновленный Figma. Пользователи могут легко создавать, редактировать и удалять заметки, а также оставлять комментарии к ним. Приложение имеет адаптивный дизайн и может использоваться на любом устройстве.
Github | Демо
React Figma Notes - это приложение для создания заметок, созданное с помощью React, Redux и localStorage, которое имеет интерфейс, вдохновленный Figma. Пользователи могут легко создавать, редактировать и удалять заметки, а также оставлять комментарии к ним. Приложение имеет адаптивный дизайн и может использоваться на любом устройстве.
Github | Демо
Простое приложение для игры в змейку, созданное с использованием React и typescript
Этот пакет из Github представляет собой простое приложение игры "Змейка", разработанное на React и Typescript. Игрок управляет змейкой внутри прямоугольника, пытаясь съесть фрукты для увеличения размера и очков. Если змейка сталкивается с собой или границами прямоугольника, игра проиграна. Используются библиотеки React, Chakra-UI, Redux и Redux-saga.
Github | Демо
Этот пакет из Github представляет собой простое приложение игры "Змейка", разработанное на React и Typescript. Игрок управляет змейкой внутри прямоугольника, пытаясь съесть фрукты для увеличения размера и очков. Если змейка сталкивается с собой или границами прямоугольника, игра проиграна. Используются библиотеки React, Chakra-UI, Redux и Redux-saga.
Github | Демо
Чат в режиме реального времени, который позволяет пользователям присоединяться к чатам и мгновенно общаться друг с другом
Live Chat Application - это приложение для обмена сообщениями в режиме реального времени, которое позволяет пользователям вступать в чаты и общаться мгновенно. Построено с использованием Node.js & Socket.IO & React и Styled-Components. Можно присоединяться к нескольким чатам и получать уведомления о присоединении или выходе пользователей из чата.
Github | Демо
Live Chat Application - это приложение для обмена сообщениями в режиме реального времени, которое позволяет пользователям вступать в чаты и общаться мгновенно. Построено с использованием Node.js & Socket.IO & React и Styled-Components. Можно присоединяться к нескольким чатам и получать уведомления о присоединении или выходе пользователей из чата.
Github | Демо
Веб-приложение для планирования покера, созданное с помощью React
Этот пакет из Github - Planning Poker App - это бесплатное приложение для планирования работ в Agile / Scrum командах. Оно помогает оценить сложность пользовательских историй и повысить эффективность командной оценки. В приложении Presentational UI/UX позволяет процессу голосования быть интуитивно понятным, а модератор имеет полный контроль над процессом.
Github
Этот пакет из Github - Planning Poker App - это бесплатное приложение для планирования работ в Agile / Scrum командах. Оно помогает оценить сложность пользовательских историй и повысить эффективность командной оценки. В приложении Presentational UI/UX позволяет процессу голосования быть интуитивно понятным, а модератор имеет полный контроль над процессом.
Github
Простая игра-головоломка15 с анимацией на react
Данный пакет из Github представляет собой игру "15-пятнашки", которая доступна в качестве прогрессивного веб-приложения. Цель игры заключается в том, чтобы собрать квадратики и упорядочить их от 1 до 15, используя пустое пространство. В пакете также имеется возможность предварительного просмотра и самостоятельной игры в нее.
Github | Демо
Данный пакет из Github представляет собой игру "15-пятнашки", которая доступна в качестве прогрессивного веб-приложения. Цель игры заключается в том, чтобы собрать квадратики и упорядочить их от 1 до 15, используя пустое пространство. В пакете также имеется возможность предварительного просмотра и самостоятельной игры в нее.
Github | Демо
Шаблон администратора искусственного интеллекта ChatGPT, созданный с помощью React
Horizon ChatGPT AI Template - это бесплатный шаблон администратора ChatGPT AI с открытым исходным кодом, созданный с использованием React, NextJS и Chakra UI, который позволяет пользователям быстро создавать выдающиеся SAAS-приложения для чата AI. Шаблон поставляется с более чем 30 темными / светлыми интерфейсными элементами и очень сложной документацией для каждого элемента. Кроме того, доступна бесплатная версия, профессиональная версия с большим количеством функций и версия Figma.
Github | Демо
Horizon ChatGPT AI Template - это бесплатный шаблон администратора ChatGPT AI с открытым исходным кодом, созданный с использованием React, NextJS и Chakra UI, который позволяет пользователям быстро создавать выдающиеся SAAS-приложения для чата AI. Шаблон поставляется с более чем 30 темными / светлыми интерфейсными элементами и очень сложной документацией для каждого элемента. Кроме того, доступна бесплатная версия, профессиональная версия с большим количеством функций и версия Figma.
Github | Демо
Приложение ETA для общественного транспорта, используемое в Гонконге
Этот пакет представляет собой бесплатный для рекламы сайт ETA для автобусов Гонконга, на котором указано время прибытия различных поставщиков автобусов и поездов, а также микроавтобусов и скоростного трамвая. Пользовательский интерфейс прост и удобен в использовании. Все данные получены из DATA.GOV.HK и соответствующие поставщики, а проект представляет собой веб-приложение React с Material-UI.
Github | Демо
Этот пакет представляет собой бесплатный для рекламы сайт ETA для автобусов Гонконга, на котором указано время прибытия различных поставщиков автобусов и поездов, а также микроавтобусов и скоростного трамвая. Пользовательский интерфейс прост и удобен в использовании. Все данные получены из DATA.GOV.HK и соответствующие поставщики, а проект представляет собой веб-приложение React с Material-UI.
Github | Демо
Шатер - фан-доска для использования экрана мобильного устройства / планшета на различных мероприятиях
Этот проект отображает бегущую строку на вашем устройстве. Есть версия на китайском, английском, японском и тайском языках. Вы можете персонализировать свою строку с помощью синтаксиса или полностью настроить ее по ссылке. Кроме того, в проекте есть несколько доступных скриптов для запуска и сборки приложения. Признательность выражается Good Ware - Flaticon за иконки.
Github | Демо
Этот проект отображает бегущую строку на вашем устройстве. Есть версия на китайском, английском, японском и тайском языках. Вы можете персонализировать свою строку с помощью синтаксиса или полностью настроить ее по ссылке. Кроме того, в проекте есть несколько доступных скриптов для запуска и сборки приложения. Признательность выражается Good Ware - Flaticon за иконки.
Github | Демо
Интерполяция строк с правильным типом возвращаемого значения на основе переданных подстановок переменных
Этот пакет из GitHub представляет собой утилиту интерполяции строк, которая возвращает правильный тип TypeScript в зависимости от переданных переменных. Он может использоваться в любом TypeScript/JavaScript приложении и предлагает замену переменных внутри строки на переданные значения, а также проверки на соответствие переданных переменных. У него есть настраиваемые опции, а также поддержка исходных модулей и CommonJS. Он нацелен на обеспечение высококачественной интерполяции строк, поддерживаемой TypeScript, и может использоваться как самостоятельно, так и в других средствах локализации.
Github
Этот пакет из GitHub представляет собой утилиту интерполяции строк, которая возвращает правильный тип TypeScript в зависимости от переданных переменных. Он может использоваться в любом TypeScript/JavaScript приложении и предлагает замену переменных внутри строки на переданные значения, а также проверки на соответствие переданных переменных. У него есть настраиваемые опции, а также поддержка исходных модулей и CommonJS. Он нацелен на обеспечение высококачественной интерполяции строк, поддерживаемой TypeScript, и может использоваться как самостоятельно, так и в других средствах локализации.
Github
Приложение для составления бюджета, которое использует преимущества D3 для отображения вашего бюджета
Привет! "MonDinero" - это приложение для составления бюджета, использующее D3 для представления вашего бюджета и расходов в виде интерактивных и удобочитаемых графиков. Все ваши данные будут безопасны, так как мы собираем информацию о ваших транзакциях через Plaid с помощью их токенов Open Authorization, чтобы каждый кусочек информации, который вы предоставляете нам, был подтвержден вами. Ваши данные о бюджете будут храниться и защищены с помощью Amazon's Relational Database Services для надежности и производительности. Присоединяйтесь к нам и верните себе контроль над своими финансами!
Github
Привет! "MonDinero" - это приложение для составления бюджета, использующее D3 для представления вашего бюджета и расходов в виде интерактивных и удобочитаемых графиков. Все ваши данные будут безопасны, так как мы собираем информацию о ваших транзакциях через Plaid с помощью их токенов Open Authorization, чтобы каждый кусочек информации, который вы предоставляете нам, был подтвержден вами. Ваши данные о бюджете будут храниться и защищены с помощью Amazon's Relational Database Services для надежности и производительности. Присоединяйтесь к нам и верните себе контроль над своими финансами!
Github
Веб-сайт рандомизатора призов с использованием React и p5.js
Этот пакет в GitHub - это инструмент для случайного выбора призов на The โง่ Hackathon ครั้งที่ 7 в Таиланде. Он написан на React и p5.js и предоставляет пользователю возможность запускать симуляцию и размещать новых игроков с помощью кнопки пробела. Для начала нового раунда можно выполнить полную перезагрузку, а для сброса игры целиком - удалить данные в localStorage.
Github
Этот пакет в GitHub - это инструмент для случайного выбора призов на The โง่ Hackathon ครั้งที่ 7 в Таиланде. Он написан на React и p5.js и предоставляет пользователю возможность запускать симуляцию и размещать новых игроков с помощью кнопки пробела. Для начала нового раунда можно выполнить полную перезагрузку, а для сброса игры целиком - удалить данные в localStorage.
Github
Позволяет отображать диаграммы React на основе SVG в формате react-pdf
react-pdf-charts - это библиотека для рендеринга SVG-графиков на React в react-pdf. В настоящее время находится в ранней разработке и может быть не готова для использования в продакшн. Позволяет создавать графики, такие как линейные, с использованием заданного набора данных и параметров. В папке /examples можно найти рабочие примеры, которые можно запустить, следуя инструкциям в README файле.
Github
react-pdf-charts - это библиотека для рендеринга SVG-графиков на React в react-pdf. В настоящее время находится в ранней разработке и может быть не готова для использования в продакшн. Позволяет создавать графики, такие как линейные, с использованием заданного набора данных и параметров. В папке /examples можно найти рабочие примеры, которые можно запустить, следуя инструкциям в README файле.
Github
3D-компоненты с тремя и реагирующими
Этот пакет включает в себя краткое содержание и инструкции по использованию пакета Social Icons 3D, созданного для изучения 3D-объектов с использованием React. Для проекта использовались следующие библиотеки 3D: Three.js, @react-three/fiber и @react-three/drei. Для создания 3D-моделей были использованы форматы .OBJ, преобразованные в .GLTF с помощью Blender и библиотеки gltf-pipeline. Также была использована библиотека gltfjsx для создания React-файлов, используя ресурсы библиотеки react-three. В пакете также предоставлены примеры иконок, созданных в Blender.
Github
Этот пакет включает в себя краткое содержание и инструкции по использованию пакета Social Icons 3D, созданного для изучения 3D-объектов с использованием React. Для проекта использовались следующие библиотеки 3D: Three.js, @react-three/fiber и @react-three/drei. Для создания 3D-моделей были использованы форматы .OBJ, преобразованные в .GLTF с помощью Blender и библиотеки gltf-pipeline. Также была использована библиотека gltfjsx для создания React-файлов, используя ресурсы библиотеки react-three. В пакете также предоставлены примеры иконок, созданных в Blender.
Github
Профессионально разработанный сайт-портфолио с использованием ReactJS
Этот пакет включает в себя профессионально разработанный персональный портфолио-сайт Mihir Chavan, использующий последние технологии, такие как ReactJS, Tailwind CSS, Framer-Motion, React-Slick и React-Scroll, для достижения интерактивного и визуально привлекательного пользовательского опыта. Сайт демонстрирует навыки и достижения автора через динамичные переходы, интуитивную навигацию и увлекательные анимации. Кроме того, в пакете присутствуют разделы "Features", "Projects", "Resume", "Testimonial" и "Contact", а также инструкции о том, как запустить и развернуть приложение.
Github
Этот пакет включает в себя профессионально разработанный персональный портфолио-сайт Mihir Chavan, использующий последние технологии, такие как ReactJS, Tailwind CSS, Framer-Motion, React-Slick и React-Scroll, для достижения интерактивного и визуально привлекательного пользовательского опыта. Сайт демонстрирует навыки и достижения автора через динамичные переходы, интуитивную навигацию и увлекательные анимации. Кроме того, в пакете присутствуют разделы "Features", "Projects", "Resume", "Testimonial" и "Contact", а также инструкции о том, как запустить и развернуть приложение.
Github
Рынок NFT с каской и рядом
Этот пакет из GitHub представляет собой NFT-площадку Web3 DAPP. Он позволяет покупать, продавать и демонстрировать NFT на сети Polygon Ethereum. Для установки необходимы Node.js, пакетный менеджер npm или yarn, а также расширение Metamask для браузера. Инструкции по установке и настройке даны в документации проекта. Демонстрационная версия доступна по ссылке, а для связи с разработчиком указаны контактные данные и ссылки на проект и демонстрацию.
Github
Этот пакет из GitHub представляет собой NFT-площадку Web3 DAPP. Он позволяет покупать, продавать и демонстрировать NFT на сети Polygon Ethereum. Для установки необходимы Node.js, пакетный менеджер npm или yarn, а также расширение Metamask для браузера. Инструкции по установке и настройке даны в документации проекта. Демонстрационная версия доступна по ссылке, а для связи с разработчиком указаны контактные данные и ссылки на проект и демонстрацию.
Github
Полнофункциональное приложение для составления списка дел с React
Пакет Task List - полнофункциональное приложение для списка дел, которое помогает организовывать задачи и эффективно управлять ими. Возможности включают создание, редактирование и удаление задач, а также отметку задач как выполненных. Интерфейс приложения дружелюбный и содержит интуитивный дизайн. Проект разработан на фронтенде с использованием HTML, CSS, JavaScript и TypeScript, а также дополнительных библиотек и фреймворков, включая React и Bootstrap. Чтобы запустить приложение локально, необходимо клонировать репозиторий, установить зависимости и запустить сервер разработки. Пользователи могут создавать, редактировать и удалять задачи, а также отмечать их как выполненные.
Github
Пакет Task List - полнофункциональное приложение для списка дел, которое помогает организовывать задачи и эффективно управлять ими. Возможности включают создание, редактирование и удаление задач, а также отметку задач как выполненных. Интерфейс приложения дружелюбный и содержит интуитивный дизайн. Проект разработан на фронтенде с использованием HTML, CSS, JavaScript и TypeScript, а также дополнительных библиотек и фреймворков, включая React и Bootstrap. Чтобы запустить приложение локально, необходимо клонировать репозиторий, установить зависимости и запустить сервер разработки. Пользователи могут создавать, редактировать и удалять задачи, а также отмечать их как выполненные.
Github