Алгоритм сегментации звука в реальном времени с использованием 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
Систематический и ориентированный на рост подход к созданию оперативной информации в середине путешествия
Midjourney Prompts - это веб-приложение, которое помогает генерировать подсказки для рассказывания историй. Приложение позволяет выполнять автозаполнение ранее использованных значений, настройку компонентов и опций с помощью файла JSON и группировку сохраненных приглашений в проекты. В нем также содержатся инструкции по инициализации проекта с использованием pnpm и развертыванию на страницах Github.
Github
Midjourney Prompts - это веб-приложение, которое помогает генерировать подсказки для рассказывания историй. Приложение позволяет выполнять автозаполнение ранее использованных значений, настройку компонентов и опций с помощью файла JSON и группировку сохраненных приглашений в проекты. В нем также содержатся инструкции по инициализации проекта с использованием pnpm и развертыванию на страницах Github.
Github
Whosbl33h Personal Portfolio implemented with React
Этот пакет включает в себя личный портфолио на React, другие технологии, такие как eslint, vite и tailwind, используются также. Файлы подразделяются на 5 папок: src, assets, components, pages и constants. Есть возможность попробовать приложение по ссылке https://whosbl33h.netlify.app/. Чтобы запустить приложение, требуется клонировать репозиторий, установить зависимости и запустить его.
Github
Этот пакет включает в себя личный портфолио на React, другие технологии, такие как eslint, vite и tailwind, используются также. Файлы подразделяются на 5 папок: src, assets, components, pages и constants. Есть возможность попробовать приложение по ссылке https://whosbl33h.netlify.app/. Чтобы запустить приложение, требуется клонировать репозиторий, установить зависимости и запустить его.
Github
Расширение для Chrome, которое позволяет вам "помечать" статьи Википедии звездочками, как вы это делали бы на github
Wikistar - это расширение для Chrome, которое позволяет пользователям помечать статьи Википедии звездочками, как они это делали бы на Github, чтобы легко найти их позже. В настоящее время он ожидает проверки в магазине расширений Chrome, но его можно использовать в распакованном виде. Идея расширения возникла, когда создатели решали кроссворды в гостиничном номере и поняли, что им нелегко сохранить важную информацию в Википедии. Проект был создан с использованием Plasmo, React, Supabase и GitHub OAuth.
Github
Wikistar - это расширение для Chrome, которое позволяет пользователям помечать статьи Википедии звездочками, как они это делали бы на Github, чтобы легко найти их позже. В настоящее время он ожидает проверки в магазине расширений Chrome, но его можно использовать в распакованном виде. Идея расширения возникла, когда создатели решали кроссворды в гостиничном номере и поняли, что им нелегко сохранить важную информацию в Википедии. Проект был создан с использованием Plasmo, React, Supabase и GitHub OAuth.
Github
Rolling Scopes School cross-check form loader using React
Это открытое приложение, разработанное с использованием React и Feature-Sliced Design, для загрузки форм cross-check в Rolling Scopes School. Оно находится в процессе разработки и имеет следующие характеристики: UI - react, antd, модель данных - zustand, язык - typescript, инструменты - prettier, eslint, husky, vite, sass, postcss. Есть возможность протестировать Live-demo на https://rsschool-check-loader.netlify.app/. Проект создан в Rolling Scopes School для проверки финального задания React курса 2023-01, и в настоящее время его модернизируют с использованием новых технологий.
Github
Это открытое приложение, разработанное с использованием React и Feature-Sliced Design, для загрузки форм cross-check в Rolling Scopes School. Оно находится в процессе разработки и имеет следующие характеристики: UI - react, antd, модель данных - zustand, язык - typescript, инструменты - prettier, eslint, husky, vite, sass, postcss. Есть возможность протестировать Live-demo на https://rsschool-check-loader.netlify.app/. Проект создан в Rolling Scopes School для проверки финального задания React курса 2023-01, и в настоящее время его модернизируют с использованием новых технологий.
Github
Веб-клиент Spotify, использующий React и Spotify Web API
Веб-клиент Spotify React - это проект, который позволяет пользователям получать доступ к своей учетной записи Spotify через веб-приложение React, используя веб-API Spotify и Playback SDK. Пользователи могут воспроизводить полные звуковые дорожки, управлять воспроизведением, добавлять или редактировать списки воспроизведения, подписываться или отписываться от исполнителей и плейлистов и многое другое. Проект был создан с помощью Create React App и может быть запущен локально путем настройки идентификатора клиента Spotify и определения переменных в файле .env.
Github
Веб-клиент Spotify React - это проект, который позволяет пользователям получать доступ к своей учетной записи Spotify через веб-приложение React, используя веб-API Spotify и Playback SDK. Пользователи могут воспроизводить полные звуковые дорожки, управлять воспроизведением, добавлять или редактировать списки воспроизведения, подписываться или отписываться от исполнителей и плейлистов и многое другое. Проект был создан с помощью Create React App и может быть запущен локально путем настройки идентификатора клиента Spotify и определения переменных в файле .env.
Github
Кроссплатформенное настольное приложение с открытым исходным кодом для работы с изображениями
FotoGraph - это кроссплатформенное настольное приложение для обработки изображений, которое предлагает широкий спектр инструментов, включая преобразование изображений, массовую загрузку изображений, генерацию изображений на основе искусственного интеллекта, удаление фона, изменение размера изображений и сжатие. Программное обеспечение все еще находится в разработке и пока недоступно для тестирования. Автор, Адедойин Эммануэль Аденийи, использовал Electron-React, TypeScript, React-Bootstrap и NodeJS для разработки.
Github
FotoGraph - это кроссплатформенное настольное приложение для обработки изображений, которое предлагает широкий спектр инструментов, включая преобразование изображений, массовую загрузку изображений, генерацию изображений на основе искусственного интеллекта, удаление фона, изменение размера изображений и сжатие. Программное обеспечение все еще находится в разработке и пока недоступно для тестирования. Автор, Адедойин Эммануэль Аденийи, использовал Electron-React, TypeScript, React-Bootstrap и NodeJS для разработки.
Github
Приложение React, которое обеспечивает доступ к прекрасной музыке
Птичьи гимны - это многостраничное веб-приложение, которое возвращает в нашу жизнь звуки редких птичьих криков со всего мира. Созданный студентами Front-End Школы программного обеспечения и дизайна Тьюринга, проект направлен на то, чтобы вдохновить людей защищать птиц и прислушиваться к ним в автономном мире. Приложение использует React Router, Typescript, тестирование Cypress и API от xeno-canto.org , и предлагает будущие функции, такие как ввод данных пользователем в формы, добавление в избранное и сохранение избранного между посещениями.
Github
Птичьи гимны - это многостраничное веб-приложение, которое возвращает в нашу жизнь звуки редких птичьих криков со всего мира. Созданный студентами Front-End Школы программного обеспечения и дизайна Тьюринга, проект направлен на то, чтобы вдохновить людей защищать птиц и прислушиваться к ним в автономном мире. Приложение использует React Router, Typescript, тестирование Cypress и API от xeno-canto.org , и предлагает будущие функции, такие как ввод данных пользователем в формы, добавление в избранное и сохранение избранного между посещениями.
Github
Приложение, разработанное для того, чтобы помочь вам следить за своей повседневной жизнью
NotedV2 - это приложение, разработанное для того, чтобы помочь пользователям организовать свое расписание и прием пищи. Приложение включает в себя большой каталог рецептов, доступный через Spoonacular API, и текущие погодные условия из Open Weather API. Пользователи также могут создавать и сохранять заметки с напоминаниями. Надежда на дальнейшее развитие заключается в добавлении дополнительных функций, таких как опция темного режима и функция совместного использования календаря событий.
Github
NotedV2 - это приложение, разработанное для того, чтобы помочь пользователям организовать свое расписание и прием пищи. Приложение включает в себя большой каталог рецептов, доступный через Spoonacular API, и текущие погодные условия из Open Weather API. Пользователи также могут создавать и сохранять заметки с напоминаниями. Надежда на дальнейшее развитие заключается в добавлении дополнительных функций, таких как опция темного режима и функция совместного использования календаря событий.
Github
Персональное AGI-приложение, использующее GPT-4 и React
BIG-AGI - это персональное AGI-приложение, работающее на базе OpenAI GPT-4 и более поздних версий. Он поставляется с такими функциями, как персонажи, рисование, выполнение кода, импорт PDF, голосовая поддержка, рендеринг данных, функции AGI, чаты и многое другое. Приложение предлагает привлекательных персонажей с искусственным интеллектом, чистый пользовательский интерфейс и конфиденциальность благодаря пользовательским ключам API и localStorage. Она также включает в себя множество обновлений и интеграций, которые скоро появятся еще больше.
Github | Демо
BIG-AGI - это персональное AGI-приложение, работающее на базе OpenAI GPT-4 и более поздних версий. Он поставляется с такими функциями, как персонажи, рисование, выполнение кода, импорт PDF, голосовая поддержка, рендеринг данных, функции AGI, чаты и многое другое. Приложение предлагает привлекательных персонажей с искусственным интеллектом, чистый пользовательский интерфейс и конфиденциальность благодаря пользовательским ключам API и localStorage. Она также включает в себя множество обновлений и интеграций, которые скоро появятся еще больше.
Github | Демо
Коллекция современных компонентов пользовательского интерфейса и эффектов, созданных в React и Tailwind CSS
UI.ibelick - это коллекция современных компонентов пользовательского интерфейса и эффектов, созданных с помощью React и Tailwind CSS. Компоненты разработаны таким образом, чтобы их можно было легко интегрировать в проекты, а коллекция вдохновлена различными известными веб-сайтами. Создатель планирует постоянно обновлять и расширять коллекцию, основываясь на отзывах и поддержке.
Github | Демо
UI.ibelick - это коллекция современных компонентов пользовательского интерфейса и эффектов, созданных с помощью React и Tailwind CSS. Компоненты разработаны таким образом, чтобы их можно было легко интегрировать в проекты, а коллекция вдохновлена различными известными веб-сайтами. Создатель планирует постоянно обновлять и расширять коллекцию, основываясь на отзывах и поддержке.
Github | Демо
Приложение React, разработанное специально для криптовалют
Crypto Coinranking - это веб-приложение на базе React и Redux, которое предоставляет исчерпывающую информацию о различных криптовалютах. Приложение включает в себя такие функции, как документация React, компоненты React, React props, React Router и подключение к Cryptocoinranking API. Проект также включает поддержку перехватчиков React, стилей и модульных тестов, а также планы на будущее по регистрации пользователей и аутентификации.
Github | Демо
Crypto Coinranking - это веб-приложение на базе React и Redux, которое предоставляет исчерпывающую информацию о различных криптовалютах. Приложение включает в себя такие функции, как документация React, компоненты React, React props, React Router и подключение к Cryptocoinranking API. Проект также включает поддержку перехватчиков React, стилей и модульных тестов, а также планы на будущее по регистрации пользователей и аутентификации.
Github | Демо
Руководство по полностекловому приложению для чеканки NFT
В этом руководстве вы познакомитесь с процессом разработки полнофункционального приложения для чеканки несменяемых токенов (NFT). Приложение позволит пользователям чеканить NFT, просматривать свои NFT и передавать свои NFT другим пользователям. Приложение будет создано с использованием React.js , Солидность и открытый Цеппелин. Приложение также будет использовать библиотеку утверждений Chai для тестирования. Приложение будет развернуто в локальной тестовой сети Ethreum / Rinkeby.
Github
В этом руководстве вы познакомитесь с процессом разработки полнофункционального приложения для чеканки несменяемых токенов (NFT). Приложение позволит пользователям чеканить NFT, просматривать свои NFT и передавать свои NFT другим пользователям. Приложение будет создано с использованием React.js , Солидность и открытый Цеппелин. Приложение также будет использовать библиотеку утверждений Chai для тестирования. Приложение будет развернуто в локальной тестовой сети Ethreum / Rinkeby.
Github
Шаблон панели управления React Admin для значительно более быстрого создания многофункциональных пользовательских интерфейсов
Это бесплатный шаблон панели администратора, основанный на Ant Design и React, который может снизить затраты на разработку MVP на 40%. Он включает в себя медицинскую панель мониторинга, настраиваемые компоненты пользовательского интерфейса и встроенные приложения, такие как лента новостей. Он удобен для мобильных устройств и имеет опции для тематизации, дневного / ночного режима и оптимизации размера пакета. Материалы и запросы на дополнительные компоненты приветствуются.
Github | Демо
Это бесплатный шаблон панели администратора, основанный на Ant Design и React, который может снизить затраты на разработку MVP на 40%. Он включает в себя медицинскую панель мониторинга, настраиваемые компоненты пользовательского интерфейса и встроенные приложения, такие как лента новостей. Он удобен для мобильных устройств и имеет опции для тематизации, дневного / ночного режима и оптимизации размера пакета. Материалы и запросы на дополнительные компоненты приветствуются.
Github | Демо