Приложение для обмена видео и фотографиями в социальных сетях, созданное с помощью React
MeFriends - это приложение для обмена видео и фотографиями в социальных сетях, предназначенное для общения и обмена моментами с друзьями и семьей. Он предлагает такие функции, как аутентификация пользователя, создание и редактирование постов, лайки и комментарии, персонализированная лента новостей, функция изучения, управление профилем, функция поиска, уведомления, меры конфиденциальности и безопасности. Приложение создано с использованием таких технологий, как React.js , Node.js , Express.js , MongoDB и Sanity.io , обеспечивая плавный и интерактивный пользовательский интерфейс при одновременном обеспечении безопасности и масштабируемости. Этот проект открыт для участия и лицензирован по лицензии MIT.
Github
MeFriends - это приложение для обмена видео и фотографиями в социальных сетях, предназначенное для общения и обмена моментами с друзьями и семьей. Он предлагает такие функции, как аутентификация пользователя, создание и редактирование постов, лайки и комментарии, персонализированная лента новостей, функция изучения, управление профилем, функция поиска, уведомления, меры конфиденциальности и безопасности. Приложение создано с использованием таких технологий, как React.js , Node.js , Express.js , MongoDB и Sanity.io , обеспечивая плавный и интерактивный пользовательский интерфейс при одновременном обеспечении безопасности и масштабируемости. Этот проект открыт для участия и лицензирован по лицензии MIT.
Github
Приложение React, которое используется для поиска бесплатных инструментов
Привет! Этот проект в GitHub - Welcome 👋 Free-Hit - это веб-приложение, которое позволяет найти бесплатные инструменты, полезные для нашего повседневного использования. Он создан удивительным сообществом открытого исходного кода. Здесь вы найдете список бесплатных инструментов, которые могут помочь вам в повседневной жизни. Вы также можете внести свой вклад в проект, добавляя больше инструментов в нашу базу данных. В проекте используется Reactjs, Vite и PNPM для разработки и управления пакетами. Проект приветствует вклады и предлагает руководство для новых участников. Авторы проекта - Jason Dsouza и Syed Aman Ali, а также благодарят всех участников за вклад и приглашают других присоединиться к проекту.
Github
Привет! Этот проект в GitHub - Welcome 👋 Free-Hit - это веб-приложение, которое позволяет найти бесплатные инструменты, полезные для нашего повседневного использования. Он создан удивительным сообществом открытого исходного кода. Здесь вы найдете список бесплатных инструментов, которые могут помочь вам в повседневной жизни. Вы также можете внести свой вклад в проект, добавляя больше инструментов в нашу базу данных. В проекте используется Reactjs, Vite и PNPM для разработки и управления пакетами. Проект приветствует вклады и предлагает руководство для новых участников. Авторы проекта - Jason Dsouza и Syed Aman Ali, а также благодарят всех участников за вклад и приглашают других присоединиться к проекту.
Github
Полнофункциональный веб-сайт электронной коммерции, использующий MERN stack
Этот пакет на GitHub представляет собой проект Amazon Clone, созданный с использованием React и TypeScript для разработки полнофункционального интернет-магазина, похожего на Amazon. Он использует MERN-стек (MongoDB, ExpressJS, React и Node.JS) и содержит основные страницы, такие как страница товаров, страница отдельного товара и корзина. В планах дальнейшая разработка бэкэнда с использованием Node.js, Express.js и MongoDB, создание страниц оформления заказа и оплаты, аутентификация пользователей и развертывание проекта на облачных серверах.
Github
Этот пакет на GitHub представляет собой проект Amazon Clone, созданный с использованием React и TypeScript для разработки полнофункционального интернет-магазина, похожего на Amazon. Он использует MERN-стек (MongoDB, ExpressJS, React и Node.JS) и содержит основные страницы, такие как страница товаров, страница отдельного товара и корзина. В планах дальнейшая разработка бэкэнда с использованием Node.js, Express.js и MongoDB, создание страниц оформления заказа и оплаты, аутентификация пользователей и развертывание проекта на облачных серверах.
Github
Компонент React, который обрабатывает ввод csv-файла и его синтаксический анализ
react-csv-reader - это компонент React, который обрабатывает ввод csv-файла и его парсинг. В этом пакете представлены примеры использования компонента, включая превью и настройки парсера. Компонент предоставляет возможность загружать csv-файлы, парсить их и получать данные в формате JSON. Пакет также позволяет настраивать параметры парсера, такие как использование worker thread и динамическая типизация данных.
Github
react-csv-reader - это компонент React, который обрабатывает ввод csv-файла и его парсинг. В этом пакете представлены примеры использования компонента, включая превью и настройки парсера. Компонент предоставляет возможность загружать csv-файлы, парсить их и получать данные в формате JSON. Пакет также позволяет настраивать параметры парсера, такие как использование worker thread и динамическая типизация данных.
Github
Полноценное приложение с системой авторизации
Данный проект "React Employees" является полноценным веб-приложением с системой авторизации. Приложение позволяет создавать сотрудников, причем редактировать или удалять сотрудника может только его создатель (пользователь). В разработке использованы технологии ReactJS, Redux Toolkit, Typescript, RTK Query, Antd, Prisma client и Jsonwebtoken.
Github
Данный проект "React Employees" является полноценным веб-приложением с системой авторизации. Приложение позволяет создавать сотрудников, причем редактировать или удалять сотрудника может только его создатель (пользователь). В разработке использованы технологии ReactJS, Redux Toolkit, Typescript, RTK Query, Antd, Prisma client и Jsonwebtoken.
Github
Веб-сайт ресторана с использованием MERN Stack
GKMIT Restaurant - это ресторан, где можно заказать и найти вкусную еду. Для создания сайта ресторана использовался стек MERN. В качестве фронтенда был использован ReactJS, для создания стилей - Advance CSS, а в качестве бэкенда - NodeJS. Веб-страницы включают главную страницу, страницу с едой, страницу корзины и страницу контактов. Кроме того, есть возможность протестировать рабочий вариант сайта по ссылке.
Github
GKMIT Restaurant - это ресторан, где можно заказать и найти вкусную еду. Для создания сайта ресторана использовался стек MERN. В качестве фронтенда был использован ReactJS, для создания стилей - Advance CSS, а в качестве бэкенда - NodeJS. Веб-страницы включают главную страницу, страницу с едой, страницу корзины и страницу контактов. Кроме того, есть возможность протестировать рабочий вариант сайта по ссылке.
Github
Клон Spotify, созданный с использованием React, Next.js , Tailwind CSS и Spotify API
Это пакет в GitHub представляет собой клон Spotify, созданный с использованием React, Next.js, Tailwind CSS и Spotify API. Он обладает множеством функций, таких как аутентификация/регистрация через Spotify, получение плейлистов пользователя, топ-артистов, топ-треков, недавно прослушанных треков и сохраненных треков пользователя. Также включены адаптивный дизайн, темный режим, поиск треков, артистов, альбомов и плейлистов, поключение в режиме реального времени с клиентом Spotify и управление воспроизведением треков. Дополнительно предоставляются команды для сборки, тестирования, проверки и форматирования кода.
Github
Это пакет в GitHub представляет собой клон Spotify, созданный с использованием React, Next.js, Tailwind CSS и Spotify API. Он обладает множеством функций, таких как аутентификация/регистрация через Spotify, получение плейлистов пользователя, топ-артистов, топ-треков, недавно прослушанных треков и сохраненных треков пользователя. Также включены адаптивный дизайн, темный режим, поиск треков, артистов, альбомов и плейлистов, поключение в режиме реального времени с клиентом Spotify и управление воспроизведением треков. Дополнительно предоставляются команды для сборки, тестирования, проверки и форматирования кода.
Github
Многофункциональный инструмент для очистки текста для удаления пробелов и разрывов строк
Этот пакет на GitHub представляет собой инструмент для обработки текста, включающий удаление пробелов и переносов строк, анонимизацию и проверку количества токенов для использования с ChatGPT или другими большими языковыми моделями. Он также имеет функцию декодирования ранее анонимизированного текста. Проект использует библиотеки Hugging Face Transformers и React. Для использования необходимо клонировать репозиторий, запустить Flask API на http://localhost:5000 и React-приложение на http://localhost:3000, где можно вводить текст, анонимизировать его или удалять пробелы и переносы строк. Также в пакете предоставляются различные режимы работы, включая анонимизацию, декодирование и удаление пробелов и переносов строк.
Github
Этот пакет на GitHub представляет собой инструмент для обработки текста, включающий удаление пробелов и переносов строк, анонимизацию и проверку количества токенов для использования с ChatGPT или другими большими языковыми моделями. Он также имеет функцию декодирования ранее анонимизированного текста. Проект использует библиотеки Hugging Face Transformers и React. Для использования необходимо клонировать репозиторий, запустить Flask API на http://localhost:5000 и React-приложение на http://localhost:3000, где можно вводить текст, анонимизировать его или удалять пробелы и переносы строк. Также в пакете предоставляются различные режимы работы, включая анонимизацию, декодирование и удаление пробелов и переносов строк.
Github
Домашняя страница Airbnb создана с использованием ReactJS, Html и CSS
Данный пакет из github представляет собой клон приложения Airbnb, разработанный с использованием React. Он воспроизводит дизайн домашней страницы популярной платформы для бронирования жилья Airbnb. Для запуска приложения локально необходимо клонировать репозиторий, установить зависимости, запустить локальный сервер. В дальнейшем планируется добавить функционал, сделать сайт адаптивным для различных устройств.
Github
Данный пакет из github представляет собой клон приложения Airbnb, разработанный с использованием React. Он воспроизводит дизайн домашней страницы популярной платформы для бронирования жилья Airbnb. Для запуска приложения локально необходимо клонировать репозиторий, установить зависимости, запустить локальный сервер. В дальнейшем планируется добавить функционал, сделать сайт адаптивным для различных устройств.
Github
Дизайн для приложения на футболке, созданный с использованием Three.js и реагировать
Пакет shirt-three - это веб-приложение, которое позволяет пользователям создавать пользовательские дизайны футболок. Пользователи могут загружать свои собственные логотипы и взаимодействовать с сервером. Приложение также использует искусственный интеллект для создания дизайна футболок, цветов и логотипов. Проект построен с использованием Three.js и React, и был развернут с использованием render и vercel. Пользователям предлагается проявить свой творческий потенциал и легко создавать свои собственные уникальные дизайны футболок.
Github | Демо
Пакет shirt-three - это веб-приложение, которое позволяет пользователям создавать пользовательские дизайны футболок. Пользователи могут загружать свои собственные логотипы и взаимодействовать с сервером. Приложение также использует искусственный интеллект для создания дизайна футболок, цветов и логотипов. Проект построен с использованием Three.js и React, и был развернут с использованием render и vercel. Пользователям предлагается проявить свой творческий потенциал и легко создавать свои собственные уникальные дизайны футболок.
Github | Демо
Целевая страница iPhone 14 Pro, созданная с использованием React.js и Three.js
На главной странице пакета GitHub представлена Landing Page iPhone 14 Pro, разработанная с использованием таких технологий, как React.js, WebGi, Three.js и GSAP ScrollTrigger. Сайт выполнен в стиле официальной лендинговой страницы Apple для iPhone 14. Вы можете непосредственно оценить работу этого сайта, открыв его в браузере и взаимодействуя с ним в режиме реального времени.
Github
На главной странице пакета GitHub представлена Landing Page iPhone 14 Pro, разработанная с использованием таких технологий, как React.js, WebGi, Three.js и GSAP ScrollTrigger. Сайт выполнен в стиле официальной лендинговой страницы Apple для iPhone 14. Вы можете непосредственно оценить работу этого сайта, открыв его в браузере и взаимодействуя с ним в режиме реального времени.
Github
Встраивайте статические потоки в свой React/Next.js применение
Пакет "react-threads" представляет собой набор UI компонентов для встраивания статических тем в ваши приложения на React/Next.js. Он использует API Meta's Threads, предоставляемое проектом junhoyeo/threads-api. В пакете также предоставляется демонстрационный пример использования, но обратите внимание, что развертывание на Vercel может быть нестабильным. Для установки необходимо установить зависимости react-threads, threads-api, next, tailwindcss, postcss и autoprefixer, а также добавить пути к источникам контента в файле конфигурации Tailwind.
Github | Демо
Пакет "react-threads" представляет собой набор UI компонентов для встраивания статических тем в ваши приложения на React/Next.js. Он использует API Meta's Threads, предоставляемое проектом junhoyeo/threads-api. В пакете также предоставляется демонстрационный пример использования, но обратите внимание, что развертывание на Vercel может быть нестабильным. Для установки необходимо установить зависимости react-threads, threads-api, next, tailwindcss, postcss и autoprefixer, а также добавить пути к источникам контента в файле конфигурации Tailwind.
Github | Демо
Простой клон платформы Notion, построенный с использованием React
Данный пакет из GitHub представляет собой реактивный клон приложения Notion, где есть функционал для выделения текста жирным, курсивом, подчеркнутым и в кодовом формате. Также есть возможность добавления символа "/" и выбора размера заголовков (большой, средний, маленький). Для разработки использовались следующие технологии: React, Vite, TipTap Editor, Typescript, Tailwind, PostCSS, Git и Github. Установка пакета осуществляется путем клонирования репозитория и выполнения команд npm install и npm run dev.
Github
Данный пакет из GitHub представляет собой реактивный клон приложения Notion, где есть функционал для выделения текста жирным, курсивом, подчеркнутым и в кодовом формате. Также есть возможность добавления символа "/" и выбора размера заголовков (большой, средний, маленький). Для разработки использовались следующие технологии: React, Vite, TipTap Editor, Typescript, Tailwind, PostCSS, Git и Github. Установка пакета осуществляется путем клонирования репозитория и выполнения команд npm install и npm run dev.
Github
Целевая страница туристического агентства Jadoo с использованием react и typescript
Это проект страницы с лендингом для агентства путешествий Jadoo, созданный с использованием React, TypeScript и Vite. Он имеет красивый и современный дизайн, адаптивную верстку для различных размеров экранов, плавную навигацию с прокруткой, интерактивные компоненты и анимации, а также информацию о услугах агентства путешествий Jadoo. Проект использует такие технологии, как React, TypeScript, Vite, HTML5, CSS3, TailwindCSS, JavaScript и React Router. Для установки и запуска проекта необходимо установить Node.js и выполнить соответствующие команды. Для развертывания страницы на выбранной платформе хостинга необходимо построить проект и настроить платформу для обслуживания сгенерированных файлов. Проект был разработан SignorDev и может быть использован в качестве основы для собственных проектов.
Github | Демо
Это проект страницы с лендингом для агентства путешествий Jadoo, созданный с использованием React, TypeScript и Vite. Он имеет красивый и современный дизайн, адаптивную верстку для различных размеров экранов, плавную навигацию с прокруткой, интерактивные компоненты и анимации, а также информацию о услугах агентства путешествий Jadoo. Проект использует такие технологии, как React, TypeScript, Vite, HTML5, CSS3, TailwindCSS, JavaScript и React Router. Для установки и запуска проекта необходимо установить Node.js и выполнить соответствующие команды. Для развертывания страницы на выбранной платформе хостинга необходимо построить проект и настроить платформу для обслуживания сгенерированных файлов. Проект был разработан SignorDev и может быть использован в качестве основы для собственных проектов.
Github | Демо
Перетаскивайте логотипы приложения с помощью React
Этот пакет из Github - приложение, которое позволяет пользователям перетаскивать и бросать логотипы языков программирования и инструментов после входа в приложение, также пользователь может узнать больше о некоторых языках программирования, нажимая на соответствующие кнопки. Особенности включают перетаскивание логотипов, вход по нескольким параметрам безопасности, переключение между светлой и темной темой и изучение некоторых языков программирования. Для запуска проекта необходимо клонировать репозиторий с Github и запустить его локально с помощью команды npm run dev.
Github
Этот пакет из Github - приложение, которое позволяет пользователям перетаскивать и бросать логотипы языков программирования и инструментов после входа в приложение, также пользователь может узнать больше о некоторых языках программирования, нажимая на соответствующие кнопки. Особенности включают перетаскивание логотипов, вход по нескольким параметрам безопасности, переключение между светлой и темной темой и изучение некоторых языков программирования. Для запуска проекта необходимо клонировать репозиторий с Github и запустить его локально с помощью команды npm run dev.
Github
Игра под названием ultimate tic-tac-toe, реализованная с использованием react
Этот пакет включает игру "Ultimate Tic-Tac-Toe", которая является расширением обычной игры крестики-нолики и предназначена для использования в React. В Ultimate Tic-Tac-Toe вы должны выиграть три игры подряд на глобальной доске, играя одновременно в девять меньших игр. Вы можете посмотреть превью игры на Codesandbox.
Github
Этот пакет включает игру "Ultimate Tic-Tac-Toe", которая является расширением обычной игры крестики-нолики и предназначена для использования в React. В Ultimate Tic-Tac-Toe вы должны выиграть три игры подряд на глобальной доске, играя одновременно в девять меньших игр. Вы можете посмотреть превью игры на Codesandbox.
Github
Веб-приложение, которое предоставляет пользователям последние новости со всего мира
NewsMonkey - это веб-приложение, которое собирает последние новости со всего мира с помощью NewsAPI. Он предлагает расширенные возможности фильтрации и бесконечную функциональность прокрутки, чтобы обеспечить пользователям беспрепятственный просмотр. Чтобы запустить приложение локально, Node.js необходимо установить, и пользователи должны создать учетную запись на News API и добавить свой ключ API в файл .env. После установки необходимых зависимостей пользователи могут запустить приложение, используя предоставленные команды. Технический стек, используемый при разработке NewsMonkey, включает в себя Node.js и реагировать.
Github
NewsMonkey - это веб-приложение, которое собирает последние новости со всего мира с помощью NewsAPI. Он предлагает расширенные возможности фильтрации и бесконечную функциональность прокрутки, чтобы обеспечить пользователям беспрепятственный просмотр. Чтобы запустить приложение локально, Node.js необходимо установить, и пользователи должны создать учетную запись на News API и добавить свой ключ API в файл .env. После установки необходимых зависимостей пользователи могут запустить приложение, используя предоставленные команды. Технический стек, используемый при разработке NewsMonkey, включает в себя Node.js и реагировать.
Github
QoL извлекает api-перехватчики для React
Пакет fetch-yo-mama является набором утилитных хуков для использования Fetch API в React. Он облегчает использование Fetch API, автоматически прерывая запрос, если компонент размонтируется. Для использования необходимо установить библиотеку и обернуть приложение в FetchProvider, передавая необходимые параметры. Затем можно использовать хуки useGet, usePost, useDelete, usePatch, usePut для выполнения запросов и получения данных, также есть возможность настроить запрос, указав дополнительные параметры.
Github
Пакет fetch-yo-mama является набором утилитных хуков для использования Fetch API в React. Он облегчает использование Fetch API, автоматически прерывая запрос, если компонент размонтируется. Для использования необходимо установить библиотеку и обернуть приложение в FetchProvider, передавая необходимые параметры. Затем можно использовать хуки useGet, usePost, useDelete, usePatch, usePut для выполнения запросов и получения данных, также есть возможность настроить запрос, указав дополнительные параметры.
Github
Веб-сайт портфолио Дэниела, созданный с помощью react
Этот пакет на GitHub представляет собой мой персональный сайт-портфолио, демонстрирующий мои навыки, проекты и сертификаты. Сайт разработан для предоставления обзора моей работы и служит профессиональной платформой для демонстрации моих способностей и опыта. Он включает разделы "Основная страница", "Обо мне", "Резюме", "Проекты" и "Контакты", а также использует HTML5, TailwindCSS, JavaScript, ReactJs и Git для создания и улучшения веб-сайта.
Github | Демо
Этот пакет на GitHub представляет собой мой персональный сайт-портфолио, демонстрирующий мои навыки, проекты и сертификаты. Сайт разработан для предоставления обзора моей работы и служит профессиональной платформой для демонстрации моих способностей и опыта. Он включает разделы "Основная страница", "Обо мне", "Резюме", "Проекты" и "Контакты", а также использует HTML5, TailwindCSS, JavaScript, ReactJs и Git для создания и улучшения веб-сайта.
Github | Демо