Удобное и эффективное приложение для ведения заметок, использующее React и Firebase
Этот пакет в GitHub представляет собой приложение по созданию заметок с использованием React и Firebase. Оно имеет дружественный пользовательский интерфейс и эффективно выполняет функцию создания и хранения заметок. Для начала работы с проектом необходимо установить Node.js и NPM, клонировать репозиторий, установить зависимости и запустить приложение на локальном сервере. После этого можно открыть приложение по указанной ссылке и начать пользоваться.
Github
Этот пакет в GitHub представляет собой приложение по созданию заметок с использованием React и Firebase. Оно имеет дружественный пользовательский интерфейс и эффективно выполняет функцию создания и хранения заметок. Для начала работы с проектом необходимо установить Node.js и NPM, клонировать репозиторий, установить зависимости и запустить приложение на локальном сервере. После этого можно открыть приложение по указанной ссылке и начать пользоваться.
Github
Веб-проект Cars Showcase, разработанный с использованием React и Tailwind CSS
Этот пакет из GitHub представляет собой веб-проект "Cars Showcase Web Project" под названием AutoVerse. Он разработан с использованием React, NextJS 13, TypeScript и Tailwind CSS. Сайт предлагает пользователям захватывающий опыт, позволяющий изучать различные модели автомобилей. Он включает в себя раздел героя, подробный каталог автомобилей со встроенной функцией фильтрации, а также возможность получить подробную информацию о выбранной модели автомобиля, включая фотографии и данные производителя.
Github | Демо
Этот пакет из GitHub представляет собой веб-проект "Cars Showcase Web Project" под названием AutoVerse. Он разработан с использованием React, NextJS 13, TypeScript и Tailwind CSS. Сайт предлагает пользователям захватывающий опыт, позволяющий изучать различные модели автомобилей. Он включает в себя раздел героя, подробный каталог автомобилей со встроенной функцией фильтрации, а также возможность получить подробную информацию о выбранной модели автомобиля, включая фотографии и данные производителя.
Github | Демо
Универсальный компонент для обрезки изображений для приложений React
Mini React Cropper - это компонент обрезки изображений для приложений на React. Он позволяет выбирать и обрезать определенную область изображения, предоставляя различные параметры настройки, такие как форма, тип границы, масштабирование и другие. Возможности включают простоту и интуитивность использования, поддержку обрезки прямоугольной или круглой формы, настраиваемый тип границы, цвет и цвет точек, опции увеличения и уменьшения с настраиваемыми уровнями масштабирования, возможность задания минимальных и максимальных уровней масштабирования, функциональность перетаскивания и изменения размеров области обрезки, обратные вызовы для получения обрезанного изображения и настраиваемый стиль и классы для интеграции с пользовательским интерфейсом вашего проекта.
Github
Mini React Cropper - это компонент обрезки изображений для приложений на React. Он позволяет выбирать и обрезать определенную область изображения, предоставляя различные параметры настройки, такие как форма, тип границы, масштабирование и другие. Возможности включают простоту и интуитивность использования, поддержку обрезки прямоугольной или круглой формы, настраиваемый тип границы, цвет и цвет точек, опции увеличения и уменьшения с настраиваемыми уровнями масштабирования, возможность задания минимальных и максимальных уровней масштабирования, функциональность перетаскивания и изменения размеров области обрезки, обратные вызовы для получения обрезанного изображения и настраиваемый стиль и классы для интеграции с пользовательским интерфейсом вашего проекта.
Github
Альтернатива Docsend с открытым исходным кодом с мощным управлением ссылками и расширенным отслеживанием
Hashdocs - это альтернатива Docsend с открытым исходным кодом. Мы создаем более функциональную и безопасную платформу для обмена документами и комнаты данных. Предоставление чувствительных документов в виде вложений - рискованно и устаревшо. В нашей платформе есть возможности для контроля доступа, отслеживания времени нахождения на каждой странице, а также для отзыва доступа к документам и их обновления.
Github
Hashdocs - это альтернатива Docsend с открытым исходным кодом. Мы создаем более функциональную и безопасную платформу для обмена документами и комнаты данных. Предоставление чувствительных документов в виде вложений - рискованно и устаревшо. В нашей платформе есть возможности для контроля доступа, отслеживания времени нахождения на каждой странице, а также для отзыва доступа к документам и их обновления.
Github
Банковское приложение fullstack GraphQL, созданное с использованием React
React-GraphQL-Bank - полноценное банковское приложение на основе React, Node и TypeScript, использующее GraphQL. Проект полностью открыт для вклада и приветствуются любые действия, включая поиск/сообщение/исправление проблем и запросы на слияние. Приложение включает в себя функции регистрации, входа, управления счетами и транзакциями, визуализацию данных и генерацию фиктивных данных с помощью faker. Технологический стек включает в себя Apollo, Express, GraphQL, TypeORM, PostgreSQL на серверной стороне и React, Formik, Material UI, Recharts на клиентской стороне.
Github
React-GraphQL-Bank - полноценное банковское приложение на основе React, Node и TypeScript, использующее GraphQL. Проект полностью открыт для вклада и приветствуются любые действия, включая поиск/сообщение/исправление проблем и запросы на слияние. Приложение включает в себя функции регистрации, входа, управления счетами и транзакциями, визуализацию данных и генерацию фиктивных данных с помощью faker. Технологический стек включает в себя Apollo, Express, GraphQL, TypeORM, PostgreSQL на серверной стороне и React, Formik, Material UI, Recharts на клиентской стороне.
Github
Простая браузерная игра в крестики-нолики, которая зависит от локально запущенного сервера nodejs
Этот пакет на GitHub - простая игра крестики-нолики, работающая в браузере и зависящая от локально запущенного сервера nodejs. Он был создан в рамках задания для школы в начале 2018 года. Для запуска игры необходимо выполнить несколько шагов: перейти в папку проекта с помощью команды "cd react-tictactoe", установить все необходимые пакеты для сервера и клиента с помощью команды "npm run first", после чего можно запустить сервер и клиент одной командой "npm run start". Откроется окно браузера с URL-адресом "http://localhost:3000", где можно будет играть. Для запуска двух клиентов одновременно откройте новую вкладку с тем же URL-адресом, и они будут играть друг против друга.
Github
Этот пакет на GitHub - простая игра крестики-нолики, работающая в браузере и зависящая от локально запущенного сервера nodejs. Он был создан в рамках задания для школы в начале 2018 года. Для запуска игры необходимо выполнить несколько шагов: перейти в папку проекта с помощью команды "cd react-tictactoe", установить все необходимые пакеты для сервера и клиента с помощью команды "npm run first", после чего можно запустить сервер и клиент одной командой "npm run start". Откроется окно браузера с URL-адресом "http://localhost:3000", где можно будет играть. Для запуска двух клиентов одновременно откройте новую вкладку с тем же URL-адресом, и они будут играть друг против друга.
Github
Портал вакансий для женщин, созданный с использованием 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