Менеджер по работе с пассажирами авиакомпании, созданный с помощью React
Этот пакет в GitHub представляет собой простое приложение React, построенное с использованием Vite, React, Bootstrap и JSON-server с Axios и TypeScript. В приложение добавлено управление состоянием с помощью React Context Redux, а также тестирование с помощью vitest и React Testing Library. Репозиторий включает в себя все необходимые зависимости и инструкции для запуска приложения и JSON-сервера. Кроме того, приложение содержит набор готовых компонентов Bootstrap и использование JSON-server для имитации API. В разделе "TODOS" описаны дополнительные задачи, которые можно выполнить для улучшения приложения.
Github
Этот пакет в GitHub представляет собой простое приложение React, построенное с использованием Vite, React, Bootstrap и JSON-server с Axios и TypeScript. В приложение добавлено управление состоянием с помощью React Context Redux, а также тестирование с помощью vitest и React Testing Library. Репозиторий включает в себя все необходимые зависимости и инструкции для запуска приложения и JSON-сервера. Кроме того, приложение содержит набор готовых компонентов Bootstrap и использование JSON-server для имитации API. В разделе "TODOS" описаны дополнительные задачи, которые можно выполнить для улучшения приложения.
Github
Простое приложение, которое генерирует случайные цитаты на основе выбранной категории
Этот пакет из GitHub представляет собой простое веб-приложение для генерации случайных цитат на основе выбранной категории. Приложение написано на React и использует TypeScript для обеспечения типовой безопасности. Оно получает цитаты с помощью API и отображает их пользователю. Пользователь может нажать кнопку, чтобы получить новую случайную цитату из выбранной категории. Для установки и запуска приложения, необходимо клонировать репозиторий, установить зависимости командой yarn, а затем запустить приложение командой yarn dev.
Github
Этот пакет из GitHub представляет собой простое веб-приложение для генерации случайных цитат на основе выбранной категории. Приложение написано на React и использует TypeScript для обеспечения типовой безопасности. Оно получает цитаты с помощью API и отображает их пользователю. Пользователь может нажать кнопку, чтобы получить новую случайную цитату из выбранной категории. Для установки и запуска приложения, необходимо клонировать репозиторий, установить зависимости командой yarn, а затем запустить приложение командой yarn dev.
Github
Профессиональное веб-приложение, использующее ReactJS и Tailwind CSS
Веб-приложение My real estate создано с использованием React JS и Tailwind CSS, обеспечивая современную и полностью адаптивную платформу. Приложение состоит из восьми страниц, которые охватывают различные аспекты бизнеса в сфере недвижимости, включая домашнюю страницу, страницу о нас, страницу функций, страницу продажи, страницу услуг, демонстрационную страницу, страницу клиентов и страницу контактов с нами. Дизайн приложения чистый и минималистичный, обеспечивающий интуитивно понятную навигацию, а использование Tailwind CSS обеспечивает единообразный дизайн на всех страницах.
Github
Веб-приложение My real estate создано с использованием React JS и Tailwind CSS, обеспечивая современную и полностью адаптивную платформу. Приложение состоит из восьми страниц, которые охватывают различные аспекты бизнеса в сфере недвижимости, включая домашнюю страницу, страницу о нас, страницу функций, страницу продажи, страницу услуг, демонстрационную страницу, страницу клиентов и страницу контактов с нами. Дизайн приложения чистый и минималистичный, обеспечивающий интуитивно понятную навигацию, а использование Tailwind CSS обеспечивает единообразный дизайн на всех страницах.
Github
Видеоредактор, работающий в браузере, построенный с использованием fabric.js и Next.js
Данный пакет из GitHub представляет собой видеоредактор, который работает в браузере. Он создан с использованием технологий: fabric.js, Next.js (фреймворк React), Tailwindcss, Mobx и typescript. Редактор позволяет пользователям добавлять текст, изображения, видео и аудио, а также изменять цвет фона холста, создавать таймлайн и экспортировать видео с аудио. Однако у пакета есть некоторые проблемы, такие как неправильная обработка аудио, отсутствие указания продолжительности видео в результате экспорта и мерцание в экспортированном видео. В дальнейшем планируется добавить такие возможности, как анимации, фильтры, настройки свойств и обрезка видео. Также в документации есть инструкция о запуске проекта и советы по отладке, а также ресурсы для изучения Next.js, фреймворка, на котором основан данный проект.
Github
Данный пакет из GitHub представляет собой видеоредактор, который работает в браузере. Он создан с использованием технологий: fabric.js, Next.js (фреймворк React), Tailwindcss, Mobx и typescript. Редактор позволяет пользователям добавлять текст, изображения, видео и аудио, а также изменять цвет фона холста, создавать таймлайн и экспортировать видео с аудио. Однако у пакета есть некоторые проблемы, такие как неправильная обработка аудио, отсутствие указания продолжительности видео в результате экспорта и мерцание в экспортированном видео. В дальнейшем планируется добавить такие возможности, как анимации, фильтры, настройки свойств и обрезка видео. Также в документации есть инструкция о запуске проекта и советы по отладке, а также ресурсы для изучения Next.js, фреймворка, на котором основан данный проект.
Github
Библиотека компонентов React, основанная на веб-компонентах Material Design 3
Actify - это библиотека React-компонентов, основанная на веб-компонентах Material Design 3. Она вдохновлена Vuetify и предлагает такие функции, как использование Vite для сборки библиотеки и документации, построение с помощью Tailwind CSS, использование css-свойств для управления стилями веб-компонентов и мощная система тем, обеспечивающая удобную стилизацию приложения с согласованной цветовой палитрой. В пакете приведены примеры использования в обычном приложении React и с использованием Next.js. Он также содержит информацию о текущем статусе проекта и поддержке браузеров.
Github | Демо
Actify - это библиотека React-компонентов, основанная на веб-компонентах Material Design 3. Она вдохновлена Vuetify и предлагает такие функции, как использование Vite для сборки библиотеки и документации, построение с помощью Tailwind CSS, использование css-свойств для управления стилями веб-компонентов и мощная система тем, обеспечивающая удобную стилизацию приложения с согласованной цветовой палитрой. В пакете приведены примеры использования в обычном приложении React и с использованием Next.js. Он также содержит информацию о текущем статусе проекта и поддержке браузеров.
Github | Демо
Как интегрировать WooCommerce REST API в фреймворк NextJS
Этот проект на GitHub является примером простого приложения электронной коммерции, которое демонстрирует интеграцию WooCommerce REST API в NextJS фреймворк. Он также использует Typescript, Redux и React hooks, делая его уникальным и интересным для использования. С помощью дизайн-системы Ant Design этот проект может стать отличной отправной точкой для создания вашего следующего интернет-магазина.
Github
Этот проект на GitHub является примером простого приложения электронной коммерции, которое демонстрирует интеграцию WooCommerce REST API в NextJS фреймворк. Он также использует Typescript, Redux и React hooks, делая его уникальным и интересным для использования. С помощью дизайн-системы Ant Design этот проект может стать отличной отправной точкой для создания вашего следующего интернет-магазина.
Github
Приложение 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