Генератор безопасных паролей, созданный с помощью React и Tailwind CSS
"PasswordGenerator" это приложение, созданное на React и Tailwind CSS, которое генерирует безопасные пароли с числами и символами. Возможные настройки позволяют пользователю переключаться между темным и светлым режимом. Также вычисляется "сила" пароля в зависимости от выбранных параметров.
Github | Демо
"PasswordGenerator" это приложение, созданное на React и Tailwind CSS, которое генерирует безопасные пароли с числами и символами. Возможные настройки позволяют пользователю переключаться между темным и светлым режимом. Также вычисляется "сила" пароля в зависимости от выбранных параметров.
Github | Демо
Простой и многоразовый компонент аналоговых часов для React
Этот репозиторий содержит простые аналоговые часы для использования в приложениях React. Вы можете использовать либо живые часы, либо задать определенное время для просмотра стационарных часов. Есть возможность настроить стиль и режим light/dark. Репозиторий доступен на GitHub, а установку можно выполнить через NPM или YARN.
Github | Демо
Этот репозиторий содержит простые аналоговые часы для использования в приложениях React. Вы можете использовать либо живые часы, либо задать определенное время для просмотра стационарных часов. Есть возможность настроить стиль и режим light/dark. Репозиторий доступен на GitHub, а установку можно выполнить через NPM или YARN.
Github | Демо
Приложение World of AI, созданное с использованием Next.js
World of AI - это полнофункциональное приложение, созданное с использованием Next.js , React, TypeScript, Tailwind, Firebase и Axios. Это позволяет пользователям генерировать изображения и аудио с искусственным интеллектом и общаться с болтливым искусственным интеллектом. Пакет включает инструкции по использованию и созданию приложения, а также по его развертыванию с помощью Vercel или StackBlitz.
Github
World of AI - это полнофункциональное приложение, созданное с использованием Next.js , React, TypeScript, Tailwind, Firebase и Axios. Это позволяет пользователям генерировать изображения и аудио с искусственным интеллектом и общаться с болтливым искусственным интеллектом. Пакет включает инструкции по использованию и созданию приложения, а также по его развертыванию с помощью Vercel или StackBlitz.
Github
Настраиваемый счетчик загрузки React, который выглядит как atom
Это пакет для создания кастомизируемого спиннера загрузки в React, который выглядит как атом. Все настройки включают размер, количество и цвета элементов, скорость движения, расстояние от центра, количество слоев и частиц ядра и т. д. Для использования пакета достаточно установить его с помощью пакетного менеджера и импортировать в проект.
Github
Это пакет для создания кастомизируемого спиннера загрузки в React, который выглядит как атом. Все настройки включают размер, количество и цвета элементов, скорость движения, расстояние от центра, количество слоев и частиц ядра и т. д. Для использования пакета достаточно установить его с помощью пакетного менеджера и импортировать в проект.
Github
Приложение для визуализации сортировки, созданное с помощью React
Sorting-Visualizer - это приложение для визуализации сортировки, построенное на React & SASS. Он поддерживает пять алгоритмов: пузырьковую сортировку, сортировку по выбору, быструю сортировку, кучную сортировку и сортировку по вставке. Разработчик создала этот визуализатор, потому что она интересовалась алгоритмами сортировки и хотела увидеть их в действии.
Github
Sorting-Visualizer - это приложение для визуализации сортировки, построенное на React & SASS. Он поддерживает пять алгоритмов: пузырьковую сортировку, сортировку по выбору, быструю сортировку, кучную сортировку и сортировку по вставке. Разработчик создала этот визуализатор, потому что она интересовалась алгоритмами сортировки и хотела увидеть их в действии.
Github
Отслеживайте и визуализируйте работоспособность и показатели кластеров Kubernetes
Argometrics - это продукт с открытым исходным кодом, который позволяет пользователям визуализировать работоспособность своих локальных кластеров Kubernetes. Приложение использует Prometheus и Grafana для сбора и отображения метрик, позволяя пользователям отслеживать ключевые показатели в режиме реального времени. Пакет включает в себя инструкции по установке и настройке, а также потенциальные возможности для повторения.
Github
Argometrics - это продукт с открытым исходным кодом, который позволяет пользователям визуализировать работоспособность своих локальных кластеров Kubernetes. Приложение использует Prometheus и Grafana для сбора и отображения метрик, позволяя пользователям отслеживать ключевые показатели в режиме реального времени. Пакет включает в себя инструкции по установке и настройке, а также потенциальные возможности для повторения.
Github
Приложение Pokédex, созданное с помощью React.js и ПокеАПИ
Этот пакет - приложение Pokédex React, которое позволяет исследовать и изучать Покемонов на основе PokéAPI. Вы можете получить информацию о каждом Покемоне, в том числе о его характеристиках, статистике и эволюции. Приложение построено на React.js и React Query для эффективного получения и кэширования данных. Он также имеет красивый интерфейс, позволяющий просматривать Покемонов по типам и открывать модальное окно с подробной информацией, а также просмотреть их эволюцию.
Демо | Github
Этот пакет - приложение Pokédex React, которое позволяет исследовать и изучать Покемонов на основе PokéAPI. Вы можете получить информацию о каждом Покемоне, в том числе о его характеристиках, статистике и эволюции. Приложение построено на React.js и React Query для эффективного получения и кэширования данных. Он также имеет красивый интерфейс, позволяющий просматривать Покемонов по типам и открывать модальное окно с подробной информацией, а также просмотреть их эволюцию.
Демо | Github
Программируемая генерация кода React.js инструмент, основанный на движке шаблонов Liquid
Этот пакет GitHub называется "The Codegen" и включает в себя короткое видео, демонстрирующее, как пользоваться приложением, а также инструкции по созданию, запуску и настройке необходимой базы данных. Это программируемый инструмент для генерации кода, который использует шаблоны Liquid и схему данных для генерации пользовательских фрагментов кода, файлов или целых проектов. Используемый технический стек включает в себя Next.js , TypeScript, Prisma и Vercel для развертывания.
Демо | Github
Этот пакет GitHub называется "The Codegen" и включает в себя короткое видео, демонстрирующее, как пользоваться приложением, а также инструкции по созданию, запуску и настройке необходимой базы данных. Это программируемый инструмент для генерации кода, который использует шаблоны Liquid и схему данных для генерации пользовательских фрагментов кода, файлов или целых проектов. Используемый технический стек включает в себя Next.js , TypeScript, Prisma и Vercel для развертывания.
Демо | Github
Приложение React TypeScript, предоставляющее информацию о криптовалютах
Cryptoverse - это приложение React TypeScript, которое отображает информацию о криптовалютах в удобном для пользователя интерфейсе. Пользователи могут просматривать подробную информацию о различных криптовалютах, отслеживать последние тенденции и рыночные данные, а также быть в курсе последних новостей в мире криптовалют. В проекте используются различные библиотеки и зависимости, и пользователи могут внести свой вклад в его разработку и совершенствование.
Демо | Github
Cryptoverse - это приложение React TypeScript, которое отображает информацию о криптовалютах в удобном для пользователя интерфейсе. Пользователи могут просматривать подробную информацию о различных криптовалютах, отслеживать последние тенденции и рыночные данные, а также быть в курсе последних новостей в мире криптовалют. В проекте используются различные библиотеки и зависимости, и пользователи могут внести свой вклад в его разработку и совершенствование.
Демо | Github
Алгоритм сегментации звука в реальном времени с использованием React
Алгоритм сегментации звука в реальном времени специально разработан для создания динамичных и когерентных визуальных эффектов в системах светодиодного освещения, реагирующих на звук. Он разбивает звук в реальном времени на последовательные фрагменты и подает сигнал, когда происходит изменение в песне, создавая таким образом визуально привлекательные дисплеи, которые меняются и перетекают в такт музыке. Алгоритм является легким и может быть реализован на микроконтроллерах, таких как ESP32, а также высоко оптимизирован для минимизации вычислительной нагрузки.
Github | Демо
Алгоритм сегментации звука в реальном времени специально разработан для создания динамичных и когерентных визуальных эффектов в системах светодиодного освещения, реагирующих на звук. Он разбивает звук в реальном времени на последовательные фрагменты и подает сигнал, когда происходит изменение в песне, создавая таким образом визуально привлекательные дисплеи, которые меняются и перетекают в такт музыке. Алгоритм является легким и может быть реализован на микроконтроллерах, таких как ESP32, а также высоко оптимизирован для минимизации вычислительной нагрузки.
Github | Демо
На основе шаблонов bGreen Tailwind CSS и Reactjs
Шаблон bGreen Reactjs - это пакет веб-разработки, доступный на GitHub. Чтобы начать работу, пользователям необходимо установить NodeJS и загрузить продукт, прежде чем распаковывать его на свои компьютеры. После установки пользователи могут переходить к различным примерам страниц и пользоваться преимуществами адаптивного дизайна, основанного на Tailwind CSS и Javascript.
Github | Демо
Шаблон bGreen Reactjs - это пакет веб-разработки, доступный на GitHub. Чтобы начать работу, пользователям необходимо установить NodeJS и загрузить продукт, прежде чем распаковывать его на свои компьютеры. После установки пользователи могут переходить к различным примерам страниц и пользоваться преимуществами адаптивного дизайна, основанного на Tailwind CSS и Javascript.
Github | Демо
Платформа электронной коммерции, построенная с использованием MERN stack и Redux
Пакет GitHub - это полнофункциональная платформа электронной коммерции на Javascript, построенная с использованием MERN stack & Redux. В нем есть полная корзина покупок, обзоры товаров, профиль пользователя с заказами, административное управление, процесс оформления заказа и интеграция PayPal / кредитной карты. Серверная часть построена с использованием Node.js , Mongo DB, Mongoose и Express, в то время как интерфейс использует React, React-bootstrap, React-redux, React-router-dom и Redux-thunk. Проект использует модули ES в Node и требует установки зависимостей с использованием npm.
Github
Пакет GitHub - это полнофункциональная платформа электронной коммерции на Javascript, построенная с использованием MERN stack & Redux. В нем есть полная корзина покупок, обзоры товаров, профиль пользователя с заказами, административное управление, процесс оформления заказа и интеграция PayPal / кредитной карты. Серверная часть построена с использованием Node.js , Mongo DB, Mongoose и Express, в то время как интерфейс использует React, React-bootstrap, React-redux, React-router-dom и Redux-thunk. Проект использует модули ES в Node и требует установки зависимостей с использованием npm.
Github
Музыкальное приложение HarmonyPlay, созданное с помощью MERN
HarmonyPlay - это музыкальное приложение, созданное с использованием MERN stack, позволяющее пользователям создавать, настраивать, исследовать и слушать свои любимые мелодии простым способом. Интерфейсные технологии включают ReactJS, Redux Toolkit, Redux-Saga и Emotion, в то время как Node.js , Express и MongoDB используются при создании серверной части. После клонирования репозитория и установки зависимостей запустите проект как из клиентской, так и из серверной папки, чтобы локально запустить приложение.
Github
HarmonyPlay - это музыкальное приложение, созданное с использованием MERN stack, позволяющее пользователям создавать, настраивать, исследовать и слушать свои любимые мелодии простым способом. Интерфейсные технологии включают ReactJS, Redux Toolkit, Redux-Saga и Emotion, в то время как Node.js , Express и MongoDB используются при создании серверной части. После клонирования репозитория и установки зависимостей запустите проект как из клиентской, так и из серверной папки, чтобы локально запустить приложение.
Github
Шлемы - легкий визуализатор для диаграмм шлемов Kubernetes
Helmets - это легкий визуализатор для Kubernetes Helm charts, который позволяет отслеживать общие значения на нескольких диаграммах. Он имеет простой в использовании интерфейс, в котором пользователи могут загрузить свою папку Helm chart, выбрать вложенные диаграммы из выпадающего меню и выбрать значения из области React Flow. Helmets распространяется по лицензии MIT и был разработан командой из пяти разработчиков.
Github
Helmets - это легкий визуализатор для Kubernetes Helm charts, который позволяет отслеживать общие значения на нескольких диаграммах. Он имеет простой в использовании интерфейс, в котором пользователи могут загрузить свою папку Helm chart, выбрать вложенные диаграммы из выпадающего меню и выбрать значения из области React Flow. Helmets распространяется по лицензии MIT и был разработан командой из пяти разработчиков.
Github
Простое в использовании решение для создания динамичных и повторно используемых стилей
Style Variants - это библиотека React Native для создания динамических и повторно используемых стилей, которые помогают создавать согласованные компоненты пользовательского интерфейса с предопределенными стилями и вариантами. Это позволяет легко поддерживать и обновлять стили, группируя вариации в зависимости от использования и применяя их без особых усилий на основе заданного набора реквизита. Библиотека также готова к работе с TypeScript и предлагает дополнительные настройки для ускорения разработки и улучшения удобства сопровождения с помощью организованных стилей.
Github
Style Variants - это библиотека React Native для создания динамических и повторно используемых стилей, которые помогают создавать согласованные компоненты пользовательского интерфейса с предопределенными стилями и вариантами. Это позволяет легко поддерживать и обновлять стили, группируя вариации в зависимости от использования и применяя их без особых усилий на основе заданного набора реквизита. Библиотека также готова к работе с TypeScript и предлагает дополнительные настройки для ускорения разработки и улучшения удобства сопровождения с помощью организованных стилей.
Github