Портал вакансий для женщин, созданный с использованием React
Добро пожаловать в приложение SheRise - платформу для женщин, где они могут получить доступ ко всем объявлениям о работе на одном веб-сайте. SheRise предлагает 8 различных видов услуг для всех кандидатов, а также предоставляет стипендии девочкам из малообеспеченных семей для успешной карьеры в сфере технологий. Авторы проекта: Sayan Maity и Shrestha Das. Обратите внимание на обширный список возможностей и функций, включая искусственного интеллекта, менторство в режиме реального времени, фильтрацию и закладки вакансий, оплату через платежные шлюзы и многое другое.
Github | Демо
Добро пожаловать в приложение SheRise - платформу для женщин, где они могут получить доступ ко всем объявлениям о работе на одном веб-сайте. SheRise предлагает 8 различных видов услуг для всех кандидатов, а также предоставляет стипендии девочкам из малообеспеченных семей для успешной карьеры в сфере технологий. Авторы проекта: Sayan Maity и Shrestha Das. Обратите внимание на обширный список возможностей и функций, включая искусственного интеллекта, менторство в режиме реального времени, фильтрацию и закладки вакансий, оплату через платежные шлюзы и многое другое.
Github | Демо
Система отслеживания расходов, построенная с использованием React
Этот пакет на GitHub представляет собой простую систему учета расходов, созданную с использованием simple-react. Он не имеет бэкэнда и разработан для образовательных целей. Установка и использование проекта просты. В репозитории нет ограничений или авторских прав, и приглашаются еще участники для содействия. Пакет включает в себя скриншоты и пошаговое руководство по установке, а также контактные данные для связи с автором.
Github
Этот пакет на GitHub представляет собой простую систему учета расходов, созданную с использованием simple-react. Он не имеет бэкэнда и разработан для образовательных целей. Установка и использование проекта просты. В репозитории нет ограничений или авторских прав, и приглашаются еще участники для содействия. Пакет включает в себя скриншоты и пошаговое руководство по установке, а также контактные данные для связи с автором.
Github
Страховое решение, созданное с помощью React и MySQL
"React MySQL BimeYaran" - это обновленная и реплицированная версия Bime Iran. Он использует библиотеки React и modern UI для интерфейсной части, а сервер NodeJS, подключенный к базе данных MySQL для серверной части. В приложении есть панель мониторинга с различными правами доступа для пользователей, администраторов, менеджеров и владельца. Пользователи могут зарегистрироваться или войти в систему, а также запросить возмещение за активный страховой пакет, которое должно быть принято администраторами или менеджерами. Каждому страховому договору и сотруднику присваивается уникальный идентификатор филиала, а база данных нормализуется в соответствии с третьей обычной формой (3NF). Пакет включает в себя библиотеки и инструменты, такие как Tailwind UI, Material UI, Axios, React Router и другие. Вклады и запросы на удаление приветствуются, а с автором можно связаться через Discord.
Github
"React MySQL BimeYaran" - это обновленная и реплицированная версия Bime Iran. Он использует библиотеки React и modern UI для интерфейсной части, а сервер NodeJS, подключенный к базе данных MySQL для серверной части. В приложении есть панель мониторинга с различными правами доступа для пользователей, администраторов, менеджеров и владельца. Пользователи могут зарегистрироваться или войти в систему, а также запросить возмещение за активный страховой пакет, которое должно быть принято администраторами или менеджерами. Каждому страховому договору и сотруднику присваивается уникальный идентификатор филиала, а база данных нормализуется в соответствии с третьей обычной формой (3NF). Пакет включает в себя библиотеки и инструменты, такие как Tailwind UI, Material UI, Axios, React Router и другие. Вклады и запросы на удаление приветствуются, а с автором можно связаться через Discord.
Github
Приложение для управления задачами - инструмент, который позволяет пользователям добавлять, просматривать и удалять задачи
Этот пакет из GitHub представляет собой приложение Task Manager, которое позволяет пользователям добавлять, просматривать и удалять задачи. Каждая задача имеет заголовок, дату выполнения и категорию. Проект построен с использованием React и TypeScript и демонстрирует концепции обработки ввода формы, поддержки состояния приложения и реализации компонентов пользовательского интерфейса. Для установки необходимых зависимостей после клонирования репозитория следует выполнить команду npm install.
Github
Этот пакет из GitHub представляет собой приложение Task Manager, которое позволяет пользователям добавлять, просматривать и удалять задачи. Каждая задача имеет заголовок, дату выполнения и категорию. Проект построен с использованием React и TypeScript и демонстрирует концепции обработки ввода формы, поддержки состояния приложения и реализации компонентов пользовательского интерфейса. Для установки необходимых зависимостей после клонирования репозитория следует выполнить команду npm install.
Github
Простое приложение для выполнения задач, созданное с помощью Next.js и попутный ветер.
Этот пакет из GitHub - mini-domini-do, является простым приложением для списка дел, созданным с использованием последних технологий. Он предоставляет минималистический и удобный интерфейс для эффективного управления задачами. В пакете содержится информация о установке и инструкции по использованию приложения. Возможности mini-do включают добавление новых задач с заголовком, отметку задачи как выполненной, удаление задач, фильтрацию задач по статусу (все, активные, выполненные), очистку выполненных задач и совместимость с аутентификацией пользователя через NextAuth для безопасного доступа.
Github
Этот пакет из GitHub - mini-domini-do, является простым приложением для списка дел, созданным с использованием последних технологий. Он предоставляет минималистический и удобный интерфейс для эффективного управления задачами. В пакете содержится информация о установке и инструкции по использованию приложения. Возможности mini-do включают добавление новых задач с заголовком, отметку задачи как выполненной, удаление задач, фильтрацию задач по статусу (все, активные, выполненные), очистку выполненных задач и совместимость с аутентификацией пользователя через NextAuth для безопасного доступа.
Github
Веб-интерфейс для взаимодействия с базой данных, построенный с использованием React.JS
cur-database-react - это динамическое и отзывчивое веб-приложение, построенное с использованием React.js, которое предоставляет пользовательский интерфейс, удобный для пользователя. Оно позволяет пользователям подключаться и взаимодействовать с базами данных через современный и интуитивно понятный веб-интерфейс, напоминающий социальную платформу. Проект поддерживает интеграцию с базой данных mySQL, предоставляя возможность создания, изменения и удаления строк, а также выполнения запросов. Используемые технологии включают React.js и Typescript для создания отзывчивого пользовательского интерфейса и повышения опыта разработки, а также Tailwind CSS для стилизации интерфейса с минимальными усилиями.
Github
cur-database-react - это динамическое и отзывчивое веб-приложение, построенное с использованием React.js, которое предоставляет пользовательский интерфейс, удобный для пользователя. Оно позволяет пользователям подключаться и взаимодействовать с базами данных через современный и интуитивно понятный веб-интерфейс, напоминающий социальную платформу. Проект поддерживает интеграцию с базой данных mySQL, предоставляя возможность создания, изменения и удаления строк, а также выполнения запросов. Используемые технологии включают React.js и Typescript для создания отзывчивого пользовательского интерфейса и повышения опыта разработки, а также Tailwind CSS для стилизации интерфейса с минимальными усилиями.
Github
Игра 3072, созданная с использованием TypeScript, React и Tailwind CSS
3072 - это игра с объединением чисел, вдохновленная 2048 годом, но с изюминкой - в ней используются 3s вместо 2s. Созданная с использованием TypeScript, React и Tailwind CSS, игра обладает высокой производительностью интерактивности и потрясающим адаптивным дизайном. Ваши высокие баллы хранятся локально, и цель состоит в том, чтобы объединить блоки, чтобы достичь числа "3072". Вклады и запросы на новые функции приветствуются, и проект является открытым исходным кодом под ОБЩЕЙ публичной лицензией GNU. Вы можете связаться с разработчиком через GitHub или по электронной почте.
Github
3072 - это игра с объединением чисел, вдохновленная 2048 годом, но с изюминкой - в ней используются 3s вместо 2s. Созданная с использованием TypeScript, React и Tailwind CSS, игра обладает высокой производительностью интерактивности и потрясающим адаптивным дизайном. Ваши высокие баллы хранятся локально, и цель состоит в том, чтобы объединить блоки, чтобы достичь числа "3072". Вклады и запросы на новые функции приветствуются, и проект является открытым исходным кодом под ОБЩЕЙ публичной лицензией GNU. Вы можете связаться с разработчиком через GitHub или по электронной почте.
Github
Библиотека иконок, используемых в приложениях и маркетинговых сайтах
Этот пакет IconsIcons содержит иконки, используемые в приложениях Storybook и Chromatic, а также на маркетинговых сайтах. Чтобы установить его, нужно выполнить команду yarn add @storybook/icons. В этом пакете требуется: экспортировать все иконки вместо одного компонента; добавить stories для каждого компонента; генерировать новые иконки из Figma. Для разработки пакета рекомендуется использовать tsup для отслеживания изменений и перестроения кода, а также Storybook для предварительного просмотра пользовательского интерфейса. При готовности пакета для продакшена следует выполнить команду yarn build для его сборки.
Github
Этот пакет IconsIcons содержит иконки, используемые в приложениях Storybook и Chromatic, а также на маркетинговых сайтах. Чтобы установить его, нужно выполнить команду yarn add @storybook/icons. В этом пакете требуется: экспортировать все иконки вместо одного компонента; добавить stories для каждого компонента; генерировать новые иконки из Figma. Для разработки пакета рекомендуется использовать tsup для отслеживания изменений и перестроения кода, а также Storybook для предварительного просмотра пользовательского интерфейса. При готовности пакета для продакшена следует выполнить команду yarn build для его сборки.
Github
Кнопки "Поделиться" в социальных сетях для вашего React.js , Next.js приложения
Пакет Usagedv-social-share представляет собой набор кнопок для шаринга контента в социальных сетях для приложений на React.js и Next.js. Он не имеет зависимостей и включает кнопки для таких платформ, как Buffer, Digg, Email, Facebook Messenger, Facebook, Flipboard, GAB, HackerNews, Instapaper, Line, LinkedIn, LiveJournal, Pinterest, Pocket, Reddit, Refind, Telegram, Tumblr, Twitter, VK и WhatsApp. Каждая кнопка имеет свои настройки, такие как URL страницы для шаринга, заголовок, открытие в новой вкладке и т.д. Пакет доступен для установки через npm или yarn и имеет открытую лицензию MIT. Если у вас есть предложения по улучшению или обнаруживаете проблемы, вы можете внести свой вклад в проект, создавая pull request или обсуждая идеи и предложения в issues.
Github
Пакет Usagedv-social-share представляет собой набор кнопок для шаринга контента в социальных сетях для приложений на React.js и Next.js. Он не имеет зависимостей и включает кнопки для таких платформ, как Buffer, Digg, Email, Facebook Messenger, Facebook, Flipboard, GAB, HackerNews, Instapaper, Line, LinkedIn, LiveJournal, Pinterest, Pocket, Reddit, Refind, Telegram, Tumblr, Twitter, VK и WhatsApp. Каждая кнопка имеет свои настройки, такие как URL страницы для шаринга, заголовок, открытие в новой вкладке и т.д. Пакет доступен для установки через npm или yarn и имеет открытую лицензию MIT. Если у вас есть предложения по улучшению или обнаруживаете проблемы, вы можете внести свой вклад в проект, создавая pull request или обсуждая идеи и предложения в issues.
Github
Воссоздание клона пользовательского интерфейса Facebook с помощью React
В этом репозитории на GitHub представлен Facebook UI Clone React - клон интерфейса Facebook, созданный с использованием фреймворка React. Версия 2.0.0 представлена в проекте, и разработчик рад представить результат своей работы. Установить все зависимости можно с помощью команды "npm install". Ссылки на работающий прототип (версия 1.0.0) и репозиторий находятся в описании.
Github | Демо
В этом репозитории на GitHub представлен Facebook UI Clone React - клон интерфейса Facebook, созданный с использованием фреймворка React. Версия 2.0.0 представлена в проекте, и разработчик рад представить результат своей работы. Установить все зависимости можно с помощью команды "npm install". Ссылки на работающий прототип (версия 1.0.0) и репозиторий находятся в описании.
Github | Демо
Простое приложение для корзины электронной коммерции с React
Данный пакет из GitHub представляет собой простое приложение корзины для интернет-магазина, разработанное с использованием React, Typescript, React hooks, React Context и Styled Components. Оно демонстрирует дружественный пользовательский интерфейс с мгновенными визуальными обновлениями и масштабируемым кодом. В приложении можно добавлять и удалять товары из плавающей корзины с использованием Context API, а также фильтровать товары по доступным размерам. Приложение имеет адаптивный дизайн.
Github
Данный пакет из GitHub представляет собой простое приложение корзины для интернет-магазина, разработанное с использованием React, Typescript, React hooks, React Context и Styled Components. Оно демонстрирует дружественный пользовательский интерфейс с мгновенными визуальными обновлениями и масштабируемым кодом. В приложении можно добавлять и удалять товары из плавающей корзины с использованием Context API, а также фильтровать товары по доступным размерам. Приложение имеет адаптивный дизайн.
Github
Приложение React events для укрепления значимых связей в вашем местном сообществе
LocalBuzzLocalBuzz - полноценное приложение для мобильных устройств, которое помогает создавать значимые связи внутри местного сообщества с учетом мобильного приоритета. Проблема в том, что в современном быстром цифровом мире люди часто чувствуют себя оторванными от своих местных сообществ, не имея возможности общаться, сотрудничать и вносить вклад в улучшение их окрестностей. Наше решение заключается в создании приложения, которое способствует взаимодействию и связями в местном сообществе. Приложение предоставляет возможность жителям находить и участвовать в местных мероприятиях, волонтёрских мероприятиях и локальных инициативах. Основные функции включают возможность входа и регистрации, создания и загрузки мероприятий, присоединения и просмотра сохраненных мероприятий в профиле, а также просмотра ближайших мероприятий с картой.
Github
LocalBuzzLocalBuzz - полноценное приложение для мобильных устройств, которое помогает создавать значимые связи внутри местного сообщества с учетом мобильного приоритета. Проблема в том, что в современном быстром цифровом мире люди часто чувствуют себя оторванными от своих местных сообществ, не имея возможности общаться, сотрудничать и вносить вклад в улучшение их окрестностей. Наше решение заключается в создании приложения, которое способствует взаимодействию и связями в местном сообществе. Приложение предоставляет возможность жителям находить и участвовать в местных мероприятиях, волонтёрских мероприятиях и локальных инициативах. Основные функции включают возможность входа и регистрации, создания и загрузки мероприятий, присоединения и просмотра сохраненных мероприятий в профиле, а также просмотра ближайших мероприятий с картой.
Github
Плагин для загрузки значков react для файлов .jsx и .tsx в приложении Acode
Icon React - плагин для Acode, позволяющий изменить иконку файлов .jsx и .tsx с иконки JS на иконку React. Установка осуществляется из меню приложения Acode в настройках плагинов, где необходимо найти и установить Icon React. Данный пакет является открытым исходным кодом, доступным для просмотра, а также предоставляет возможность сообщить о найденных ошибках и их исправлении. Благодарим за использование нашего плагина!
Github
Icon React - плагин для Acode, позволяющий изменить иконку файлов .jsx и .tsx с иконки JS на иконку React. Установка осуществляется из меню приложения Acode в настройках плагинов, где необходимо найти и установить Icon React. Данный пакет является открытым исходным кодом, доступным для просмотра, а также предоставляет возможность сообщить о найденных ошибках и их исправлении. Благодарим за использование нашего плагина!
Github
React Hook для добавления дословных потоков событий, подобных ChatGPT
Этот пакет на GitHub представляет собой React хук, разработанный для упрощения интеграции потокового чата, возвращаемого вашим бэкэндом. Он позволяет отображать сообщения по словам, подобно ChatGPT. С помощью этого пакета вы можете интегрировать собственный бэкэнд, чтобы получить пользовательский опыт, аналогичный ChatGPT. Хук предоставляет объект messages, который обновляется в реальном времени по мере получения новых сообщений из бэкэнда.
Github
Этот пакет на GitHub представляет собой React хук, разработанный для упрощения интеграции потокового чата, возвращаемого вашим бэкэндом. Он позволяет отображать сообщения по словам, подобно ChatGPT. С помощью этого пакета вы можете интегрировать собственный бэкэнд, чтобы получить пользовательский опыт, аналогичный ChatGPT. Хук предоставляет объект messages, который обновляется в реальном времени по мере получения новых сообщений из бэкэнда.
Github
Менеджер по работе с пассажирами авиакомпании, созданный с помощью 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