Приложение React с формой, которая включает в себя различные поля ввода и проверки
Этот пакет из GitHub представляет собой базовое приложение на React с формой, которая включает различные поля ввода и проверки. Оно создано с использованием TypeScript и использует библиотеку react-hook-form для обработки форм. В приложении имеется возможность запустить его как локально, так и в контейнере Docker. Форма включает проверки для полей Имя, Мобильный телефон, Электронная почта, Пароль и Подтверждение пароля. Проект распространяется под лицензией MIT.
Github
Этот пакет из GitHub представляет собой базовое приложение на React с формой, которая включает различные поля ввода и проверки. Оно создано с использованием TypeScript и использует библиотеку react-hook-form для обработки форм. В приложении имеется возможность запустить его как локально, так и в контейнере Docker. Форма включает проверки для полей Имя, Мобильный телефон, Электронная почта, Пароль и Подтверждение пароля. Проект распространяется под лицензией MIT.
Github
Вложенное приложение todo с React, React reducer, React context и начальным хранилищем
Данный пакет включает в себя приложение Nested todo, разработанное с использованием React, React reducer, React context и начальным хранилищем. В нем реализованы следующие функциональности: 1) Создание досок или пространств для задач. 2) Возможность выполнения CRUD операций для задач. 3) Возможность выполнения CRUD операций для подзадач. Для открытия и запуска проекта нужно перейти в папку проекта, установить зависимости с помощью npm и запустить сервер Vite. После этого можно приступить к тестированию приложения.
Github
Данный пакет включает в себя приложение Nested todo, разработанное с использованием React, React reducer, React context и начальным хранилищем. В нем реализованы следующие функциональности: 1) Создание досок или пространств для задач. 2) Возможность выполнения CRUD операций для задач. 3) Возможность выполнения CRUD операций для подзадач. Для открытия и запуска проекта нужно перейти в папку проекта, установить зависимости с помощью npm и запустить сервер Vite. После этого можно приступить к тестированию приложения.
Github
Простое приложение для составления списка дел, созданное с помощью React и React Router
TodoNow - это простое приложение для списка дел, построенное с использованием React и React Router. Оно позволяет пользователям создавать, управлять и отслеживать свои задачи. Возможности включают аутентификацию пользователя, управление задачами и сохранение данных в локальном хранилище браузера для сохранения информации между сессиями. Для работы необходимо установить Node.js, клонировать репозиторий, установить зависимости и запустить сервер разработки. Пользователь может создавать задачи, отмечать их как выполненные и удалять, а также внести свой вклад в проект через открытие проблем или отправку запроса на внесение изменений.
Github | Демо
TodoNow - это простое приложение для списка дел, построенное с использованием React и React Router. Оно позволяет пользователям создавать, управлять и отслеживать свои задачи. Возможности включают аутентификацию пользователя, управление задачами и сохранение данных в локальном хранилище браузера для сохранения информации между сессиями. Для работы необходимо установить Node.js, клонировать репозиторий, установить зависимости и запустить сервер разработки. Пользователь может создавать задачи, отмечать их как выполненные и удалять, а также внести свой вклад в проект через открытие проблем или отправку запроса на внесение изменений.
Github | Демо
Простая целевая страница, разработанная компанией react с использованием зеленой темы
Этот проект представляет собой простую заглавную страницу, разработанную с использованием React и дизайном в зеленых тонах. Репозиторий содержит код проекта, и чтобы запустить его локально, нужно клонировать репозиторий с помощью команды "git clone", выполнить установку необходимых зависимостей с помощью команды "npm install" и запустить проект с помощью команды "npm run start". После этого можно насладиться результатом 😚✨
Github | Демо
Этот проект представляет собой простую заглавную страницу, разработанную с использованием React и дизайном в зеленых тонах. Репозиторий содержит код проекта, и чтобы запустить его локально, нужно клонировать репозиторий с помощью команды "git clone", выполнить установку необходимых зависимостей с помощью команды "npm install" и запустить проект с помощью команды "npm run start". После этого можно насладиться результатом 😚✨
Github | Демо
Оптимизируйте настраиваемое поле ввода валюты
Этот пакет предоставляет настраиваемое поле ввода для приложений Streamlit, которое предназначено для обработки больших денежных значений. Он может автоматически конвертировать сокращения, такие как 'k', 'm' и 'b', в соответствующие значения тысяч, миллионов и миллиардов. Кроме того, он форматирует поле ввода в виде денежного поля с символом доллара. Для использования пакета следует скачать файл .whl из директории dist в репозитории и установить его с помощью команды 'pip install /путь_к_файлу/ваш_файл.whl'.
Github
Этот пакет предоставляет настраиваемое поле ввода для приложений Streamlit, которое предназначено для обработки больших денежных значений. Он может автоматически конвертировать сокращения, такие как 'k', 'm' и 'b', в соответствующие значения тысяч, миллионов и миллиардов. Кроме того, он форматирует поле ввода в виде денежного поля с символом доллара. Для использования пакета следует скачать файл .whl из директории dist в репозитории и установить его с помощью команды 'pip install /путь_к_файлу/ваш_файл.whl'.
Github
Создайте одностраничное приложение Stack с помощью MERN
Проект WizDumb - это платформа электронного обучения, предлагающая широкий спектр краткосрочных курсов по JavaScript, HTML, CSS, Node.js, Express.js, GitHub и React. Платформа нацелена на предоставление всестороннего опыта обучения для тех, кто хочет улучшить свои навыки и знания в области веб-разработки. С помощью удобного интерфейса и интерактивного контента WizDumb делает обучение увлекательным и доступным для пользователей всех уровней.
Github
Проект WizDumb - это платформа электронного обучения, предлагающая широкий спектр краткосрочных курсов по JavaScript, HTML, CSS, Node.js, Express.js, GitHub и React. Платформа нацелена на предоставление всестороннего опыта обучения для тех, кто хочет улучшить свои навыки и знания в области веб-разработки. С помощью удобного интерфейса и интерактивного контента WizDumb делает обучение увлекательным и доступным для пользователей всех уровней.
Github
Приложение для просмотра фильмов Rancid Tomatillos, созданное с использованием React
Веб-приложение Rancid Tomatillos предоставляет пользователям возможность просматривать различные фильмы и их рейтинги. Пользователи также могут нажать на фильм, чтобы получить более подробную информацию о нем. Основная цель этого проекта - изучение React, React Router и тестирования Cypress e2e. Приложение также адаптивно к разным размерам экрана.
Github
Веб-приложение Rancid Tomatillos предоставляет пользователям возможность просматривать различные фильмы и их рейтинги. Пользователи также могут нажать на фильм, чтобы получить более подробную информацию о нем. Основная цель этого проекта - изучение React, React Router и тестирования Cypress e2e. Приложение также адаптивно к разным размерам экрана.
Github
Туристический сайт ReactJS и Tailwind CSS
Пакет "Beaches" представляет собой веб-сайт для путешествий, разработанный на ReactJS и Tailwind CSS. Цель проекта - демонстрация использования TailwindCSS с ReactJS. Вам нужно склонировать репозиторий, установить зависимости и запустить проект для проверки на разных устройствах. Построен с использованием ReactJS и TailwindCSS, сайт Beaches также демонстрирует отзывчивость на рабочем столе, планшете и мобильном телефоне.
Github
Пакет "Beaches" представляет собой веб-сайт для путешествий, разработанный на ReactJS и Tailwind CSS. Цель проекта - демонстрация использования TailwindCSS с ReactJS. Вам нужно склонировать репозиторий, установить зависимости и запустить проект для проверки на разных устройствах. Построен с использованием ReactJS и TailwindCSS, сайт Beaches также демонстрирует отзывчивость на рабочем столе, планшете и мобильном телефоне.
Github
Веб-приложение, которое вычисляет общую длину плейлистов YouTube
PlayLister App - веб-приложение, позволяющее пользователям вводить URL плейлистов YouTube и получать информацию о плейлисте, такую как количество видео, средняя длительность видео, общая длительность плейлиста и другое. Особенности приложения включают возможность ввода URL плейлиста YouTube и вывод информации о плейлисте, включая количество видео и длительность видео при разных скоростях воспроизведения, а также удобный интерфейс с адаптивным дизайном. В разработке использованы технологии Next.js, React, Tailwind CSS и YouTube Data API. Принимаются вклады в проект - если вы нашли какие-либо проблемы или у вас есть предложения по улучшению, пожалуйста, откройте issue или отправьте pull request.
Github
PlayLister App - веб-приложение, позволяющее пользователям вводить URL плейлистов YouTube и получать информацию о плейлисте, такую как количество видео, средняя длительность видео, общая длительность плейлиста и другое. Особенности приложения включают возможность ввода URL плейлиста YouTube и вывод информации о плейлисте, включая количество видео и длительность видео при разных скоростях воспроизведения, а также удобный интерфейс с адаптивным дизайном. В разработке использованы технологии Next.js, React, Tailwind CSS и YouTube Data API. Принимаются вклады в проект - если вы нашли какие-либо проблемы или у вас есть предложения по улучшению, пожалуйста, откройте issue или отправьте pull request.
Github
Экспериментальный проект по визуализации алгоритмов машинного обучения с использованием D3.js в react
Github
Github
SpotGPT: Ваш идеальный персонализированный генератор плейлистов на базе искусственного интеллекта
SpotGPT - Personalized AI-Powered Playlist Generator - это инновационное приложение, которое помогает пользователям создавать свой идеальный плейлист с помощью искусственного интеллекта. Пользователи могут вводить любой текст, будь то их текущее настроение, чувства или просто описание их предпочтений. Все зависит от воображения! SpotGPT использует модель GPT-3.5-turbo от OpenAI, чтобы интеллектуально анализировать ввод пользователя и создавать плейлист, настроенный под его вкус. С помощью интеграции с Spotify API пользователи могут сохранять и слушать сгенерированный плейлист прямо на своем аккаунте Spotify. SpotGPT - это новый уровень в мире открытия музыки, объединяющий мощность искусственного интеллекта и удобство Spotify. От треков для тренировок до расслабляющих мелодий или исследования новых жанров, SpotGPT поможет вам найти идеальный плейлист.
Github
SpotGPT - Personalized AI-Powered Playlist Generator - это инновационное приложение, которое помогает пользователям создавать свой идеальный плейлист с помощью искусственного интеллекта. Пользователи могут вводить любой текст, будь то их текущее настроение, чувства или просто описание их предпочтений. Все зависит от воображения! SpotGPT использует модель GPT-3.5-turbo от OpenAI, чтобы интеллектуально анализировать ввод пользователя и создавать плейлист, настроенный под его вкус. С помощью интеграции с Spotify API пользователи могут сохранять и слушать сгенерированный плейлист прямо на своем аккаунте Spotify. SpotGPT - это новый уровень в мире открытия музыки, объединяющий мощность искусственного интеллекта и удобство Spotify. От треков для тренировок до расслабляющих мелодий или исследования новых жанров, SpotGPT поможет вам найти идеальный плейлист.
Github
Приложение для отслеживания рецептов, использующее React
Этот пакет из github содержит проект приложения для отслеживания рецептов, позволяющий пользователям добавлять, отображать и удалять рецепты. Приложение создано с использованием React и стилизовано с помощью CSS. Оно предоставляет функциональность для управления списком рецептов и демонстрирует эффективную организацию компонентов React. Основные функции включают добавление нового рецепта с полями для названия, кухни, URL фотографии, ингредиентов и инструкций по приготовлению, отображение списка рецептов с деталями, включая название, кухню, фотографию, ингредиенты и инструкции по приготовлению, а также удаление рецепта путем нажатия кнопки удаления, связанной с каждым рецептом. Для установки пакета необходимо склонировать репозиторий, перейти в директорию проекта, установить зависимости и запустить сервер разработки. После этого приложение можно просмотреть веб-браузере по адресу http://localhost:3000.
Github
Этот пакет из github содержит проект приложения для отслеживания рецептов, позволяющий пользователям добавлять, отображать и удалять рецепты. Приложение создано с использованием React и стилизовано с помощью CSS. Оно предоставляет функциональность для управления списком рецептов и демонстрирует эффективную организацию компонентов React. Основные функции включают добавление нового рецепта с полями для названия, кухни, URL фотографии, ингредиентов и инструкций по приготовлению, отображение списка рецептов с деталями, включая название, кухню, фотографию, ингредиенты и инструкции по приготовлению, а также удаление рецепта путем нажатия кнопки удаления, связанной с каждым рецептом. Для установки пакета необходимо склонировать репозиторий, перейти в директорию проекта, установить зависимости и запустить сервер разработки. После этого приложение можно просмотреть веб-браузере по адресу http://localhost:3000.
Github
Веб-сайт фитнес-трекера Gym с React
Привет! Этот пакет из GitHub представляет собой онлайн-сайт Gym Fitness Tracker, где любой может изучить различные упражнения для тела, такие как бицепсы, трицепсы, спина, плечи, пресс и т. д. Сайт предоставляет гиф-изображения для каждого упражнения, показывающие правильную технику выполнения. При клике на гиф-изображение также отображаются похожие упражнения с использованием оборудования и ссылки на соответствующие видео на YouTube для более легкого изучения. Технологический стек включает HTML5, CSS3 и React.js. Ссылка на живой демонстрационный проект: https://gym-fitness-tracker.netlify.app/.
Github
Привет! Этот пакет из GitHub представляет собой онлайн-сайт Gym Fitness Tracker, где любой может изучить различные упражнения для тела, такие как бицепсы, трицепсы, спина, плечи, пресс и т. д. Сайт предоставляет гиф-изображения для каждого упражнения, показывающие правильную технику выполнения. При клике на гиф-изображение также отображаются похожие упражнения с использованием оборудования и ссылки на соответствующие видео на YouTube для более легкого изучения. Технологический стек включает HTML5, CSS3 и React.js. Ссылка на живой демонстрационный проект: https://gym-fitness-tracker.netlify.app/.
Github
Приложение для взаимодействия с домашним помощником в системном трее Windows
Этот пакет представляет собой интеграцию Home Assistant в системный трей Windows. Он позволяет пользователю контролировать сущности Home Assistant непосредственно из системного трея. По сравнению с другими подобными библиотеками, это меню Windows выглядит как естественное (аналогичное тому, которое можно найти в трее звуков). Для удобной настройки сущностей можно использовать графический интерфейс. Для установки следует загрузить файл EXE из раздела "Releases" и запустить его. Во время установки может появиться сообщение "Windows защитил ваш компьютер", в котором нужно нажать "Дополнительно" и затем "Всё равно запустить". После завершения установки в системном трее должна появиться иконка Home Assistant. Щелкните правой кнопкой мыши по иконке, чтобы открыть настройки.
Github
Этот пакет представляет собой интеграцию Home Assistant в системный трей Windows. Он позволяет пользователю контролировать сущности Home Assistant непосредственно из системного трея. По сравнению с другими подобными библиотеками, это меню Windows выглядит как естественное (аналогичное тому, которое можно найти в трее звуков). Для удобной настройки сущностей можно использовать графический интерфейс. Для установки следует загрузить файл EXE из раздела "Releases" и запустить его. Во время установки может появиться сообщение "Windows защитил ваш компьютер", в котором нужно нажать "Дополнительно" и затем "Всё равно запустить". После завершения установки в системном трее должна появиться иконка Home Assistant. Щелкните правой кнопкой мыши по иконке, чтобы открыть настройки.
Github
Приложение React, которое извлекает и отображает цены на акции в режиме реального времени
Stock Tracker Application - это приложение на React, которое получает и отображает реальные цены на акции в реальном времени, исторические данные по акциям и связанные новостные статьи с использованием API IEX Cloud и API OpenAI. Пользователи могут отслеживать цены на акции для нескольких тикеров, просматривать изменения цен за прошлый месяц в виде линейного графика и читать последние новостные статьи, связанные с определенной акцией. Приложение использует современные практики React, такие как Hooks, функциональные компоненты и библиотеку React Router для маршрутизации.
Github
Stock Tracker Application - это приложение на React, которое получает и отображает реальные цены на акции в реальном времени, исторические данные по акциям и связанные новостные статьи с использованием API IEX Cloud и API OpenAI. Пользователи могут отслеживать цены на акции для нескольких тикеров, просматривать изменения цен за прошлый месяц в виде линейного графика и читать последние новостные статьи, связанные с определенной акцией. Приложение использует современные практики React, такие как Hooks, функциональные компоненты и библиотеку React Router для маршрутизации.
Github
Личное портфолио, созданное с использованием Next.js , React и TailwindCSS
Этот пакет из GitHub представляет собой пятую итерацию сайта-портфолио автора. Он построен с использованием Next.js, React и Tailwind CSS. Цель автора была создать простой дизайн в стиле "стекло-морфизма" и изучить React и Next.js. Проект включает в себя инструкции по установке и развертыванию, а также список использованных технологий.
Github
Этот пакет из GitHub представляет собой пятую итерацию сайта-портфолио автора. Он построен с использованием Next.js, React и Tailwind CSS. Цель автора была создать простой дизайн в стиле "стекло-морфизма" и изучить React и Next.js. Проект включает в себя инструкции по установке и развертыванию, а также список использованных технологий.
Github
Пример создания плагина Figma, который взаимодействует с моделями OpenAI GPT
Этот пакет из GitHub представляет собой шаблон плагина Figma AI, который демонстрирует возможность потоковой передачи ответов LLM внутри плагина Figma. В шаблоне показано, как безопасно хранить ключи/подсказки OpenAI на сервере, как потоково завершать GPT в iframe и документе Figma, а также как развернуть плагин в производство и получать доступ к Figma API непосредственно из iframe.
Github
Этот пакет из GitHub представляет собой шаблон плагина Figma AI, который демонстрирует возможность потоковой передачи ответов LLM внутри плагина Figma. В шаблоне показано, как безопасно хранить ключи/подсказки OpenAI на сервере, как потоково завершать GPT в iframe и документе Figma, а также как развернуть плагин в производство и получать доступ к Figma API непосредственно из iframe.
Github
Войдите в систему аутентификации Firebase с помощью Google
Данный проект находится на платформе Firebase и предлагает удобную функциональность аутентификации и входа в приложение для веб- и мобильных приложений. Прежде чем начать использование, необходимо настроить проект в Firebase и включить аутентификацию. Затем следует установить SDK Firebase в свой проект, используя зависимости, указанные в описании. Для проверки функциональности проекта можно запустить его в VS Code и выполнить процесс входа с использованием аккаунта Google, после чего будет отображено приветственное сообщение с информацией о пользователе. С применением Firebase Authentication вы сможете легко добавлять функционал входа, защиту отдельных маршрутов и контента, а также настраивать пользовательский опыт в зависимости от их аутентификационного статуса.
Github
Данный проект находится на платформе Firebase и предлагает удобную функциональность аутентификации и входа в приложение для веб- и мобильных приложений. Прежде чем начать использование, необходимо настроить проект в Firebase и включить аутентификацию. Затем следует установить SDK Firebase в свой проект, используя зависимости, указанные в описании. Для проверки функциональности проекта можно запустить его в VS Code и выполнить процесс входа с использованием аккаунта Google, после чего будет отображено приветственное сообщение с информацией о пользователе. С применением Firebase Authentication вы сможете легко добавлять функционал входа, защиту отдельных маршрутов и контента, а также настраивать пользовательский опыт в зависимости от их аутентификационного статуса.
Github