Простое приложение для игры в змейку, созданное с использованием 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
Легкий и настраиваемый менеджер файлов cookie по GDPR
Этот пакет из GitHub называется Leckerli. Он является легким (~16кб сжатия gzip) и настраиваемым менеджером GDPR cookie. Для использования Leckerli в своем веб-сайте необходимо добавить соответствующий CSS/JavaScript в код вашего сайта. Также можно добавить Leckerli с помощью Google Tag Manager или загрузить локально CSS и JS файлы из релиза. Конфигурацию Leckerli можно настроить, добавив объект leckerliSettings к глобальному объекту window. Пакет также поддерживает различные события и настраиваемые темы с помощью CSS переменных. Если вы хотите внести свой вклад в проект, вы можете его запустить локально при помощи команды yarn dev.
Github
Этот пакет из GitHub называется Leckerli. Он является легким (~16кб сжатия gzip) и настраиваемым менеджером GDPR cookie. Для использования Leckerli в своем веб-сайте необходимо добавить соответствующий CSS/JavaScript в код вашего сайта. Также можно добавить Leckerli с помощью Google Tag Manager или загрузить локально CSS и JS файлы из релиза. Конфигурацию Leckerli можно настроить, добавив объект leckerliSettings к глобальному объекту window. Пакет также поддерживает различные события и настраиваемые темы с помощью CSS переменных. Если вы хотите внести свой вклад в проект, вы можете его запустить локально при помощи команды yarn dev.
Github
Приложение для блога с использованием Next.js и попутный ветер.
Этот пакет в GitHub представляет собой блог, построенный с использованием Next.js и Tailwind CSS. Он использует TypeScript 5.1.3, Next.js 13.4 и React.js, а также TailwindCSS 3.2 и его плагины. Включены MDX с contentlayer, Shadcn/ui и Radix-ui, иконки Lucide, а также Remark, rehype и их экосистемы. Пакет также включает поддержку EsLint, Prettier и их экосистемы. Основные функции включают безопасность типов с помощью TypeScript, новый роутер приложений Next.js, темная и светлая темы с использованием next-themes, автоматически созданные изображения Open Graph с помощью vercel/og, сортировка, объединение и линтинг классов Tailwind CSS, красивый пользовательский интерфейс с использованием Shadcn/ui и Radix-ui, а также красивые иконки с использованием Lucide.
Github | Демо
Этот пакет в GitHub представляет собой блог, построенный с использованием Next.js и Tailwind CSS. Он использует TypeScript 5.1.3, Next.js 13.4 и React.js, а также TailwindCSS 3.2 и его плагины. Включены MDX с contentlayer, Shadcn/ui и Radix-ui, иконки Lucide, а также Remark, rehype и их экосистемы. Пакет также включает поддержку EsLint, Prettier и их экосистемы. Основные функции включают безопасность типов с помощью TypeScript, новый роутер приложений Next.js, темная и светлая темы с использованием next-themes, автоматически созданные изображения Open Graph с помощью vercel/og, сортировка, объединение и линтинг классов Tailwind CSS, красивый пользовательский интерфейс с использованием Shadcn/ui и Radix-ui, а также красивые иконки с использованием Lucide.
Github | Демо
Погодное приложение, которое предоставляет точную информацию о погоде в любом месте по всему миру
Пакет из GitHub - приложение Weather App, предоставляющее точную информацию о погоде для любой локации по всему миру. С помощью понятного и интуитивно понятного интерфейса пользователи могут быстро проверить текущие погодные условия, включая температуру, влажность, скорость ветра и т. д. Это удобное приложение позволяет получать актуальные данные о погоде, будь то планирование поездки, организация мероприятий на открытом воздухе или просто информирование о погоде.
Github
Пакет из GitHub - приложение Weather App, предоставляющее точную информацию о погоде для любой локации по всему миру. С помощью понятного и интуитивно понятного интерфейса пользователи могут быстро проверить текущие погодные условия, включая температуру, влажность, скорость ветра и т. д. Это удобное приложение позволяет получать актуальные данные о погоде, будь то планирование поездки, организация мероприятий на открытом воздухе или просто информирование о погоде.
Github
Мгновенное создание QR-кода с любым содержимым
GitHub пакет "QR Code Generator" позволяет мгновенно создавать QR-коды с любым содержимым. Он построен на базе React и Typescript, а также предоставляет демонстрацию своей функциональности. Использование пакета просто - достаточно пройти по ссылке и создать свой QR-код абсолютно бесплатно.
Github
GitHub пакет "QR Code Generator" позволяет мгновенно создавать QR-коды с любым содержимым. Он построен на базе React и Typescript, а также предоставляет демонстрацию своей функциональности. Использование пакета просто - достаточно пройти по ссылке и создать свой QR-код абсолютно бесплатно.
Github
Высокопроизводительный плагин для создания слайдов для react
Slider Moon - это плагин для создания слайдов на React. Основной упор был сделан на создание доступного, высокопроизводительного и легкоустанавливаемого плагина. Вы можете свободно исследовать и развивать этот плагин. Плагин поддерживает бесконечный слайдер, кликабельные точки и стрелки для навигации, анимацию перехода между слайдами, а также коллбэк-функцию для событий изменения слайда. Плагин доступен под лицензией MIT.
Github | Демо
Slider Moon - это плагин для создания слайдов на React. Основной упор был сделан на создание доступного, высокопроизводительного и легкоустанавливаемого плагина. Вы можете свободно исследовать и развивать этот плагин. Плагин поддерживает бесконечный слайдер, кликабельные точки и стрелки для навигации, анимацию перехода между слайдами, а также коллбэк-функцию для событий изменения слайда. Плагин доступен под лицензией MIT.
Github | Демо