Приложение для бронирования, созданное с помощью React
Booking_Application - это пакет, доступный на GitHub, который позволяет пользователям регистрироваться и создавать учетную запись, указывая свое имя, адрес электронной почты и пароль, причем пароли надежно зашифрованы. Существующие пользователи могут войти в систему и просмотреть доступные места, включая такие сведения, как название, адрес, описание, цена и фотографии. Пользователи могут бронировать жилье, указывать даты заезда/отъезда и просматривать данные о своем бронировании, а также управлять своим профилем, обновляя такую информацию, как имя, адрес электронной почты и контактные данные. Используемый технологический стек включает React, Node.js , MongoDB и CSS для стилизации.
Github
Booking_Application - это пакет, доступный на GitHub, который позволяет пользователям регистрироваться и создавать учетную запись, указывая свое имя, адрес электронной почты и пароль, причем пароли надежно зашифрованы. Существующие пользователи могут войти в систему и просмотреть доступные места, включая такие сведения, как название, адрес, описание, цена и фотографии. Пользователи могут бронировать жилье, указывать даты заезда/отъезда и просматривать данные о своем бронировании, а также управлять своим профилем, обновляя такую информацию, как имя, адрес электронной почты и контактные данные. Используемый технологический стек включает React, Node.js , MongoDB и CSS для стилизации.
Github
Адаптивный дизайн веб-сайта портфолио с использованием React.Js CSS и HTML
Этот пакет Portfolio-Website (React.Js) представляет собой адаптивный дизайн портфолио-сайта, разработанный с использованием React.Js, CSS и HTML. Он обладает плавной прокруткой в каждом разделе и полностью совместим с мобильными устройствами. Сайт имеет красивый и приятный пользовательский интерфейс и построен с использованием технологий React.js, JavaScript, CSS3, VSCode и Vercel. Для установки и настройки необходимо клонировать репозиторий, установить node.js и git, выполнить команду npm install для установки зависимостей и запустить команду npm start для запуска приложения в режиме разработки. Для настройки информации на сайте необходимо открыть папку проекта и перейти в /src/components/, где находятся все использованные компоненты. Если вам нравится этот сайт, не забудьте поставить звезду на GitHub.
Github | Демо
Этот пакет Portfolio-Website (React.Js) представляет собой адаптивный дизайн портфолио-сайта, разработанный с использованием React.Js, CSS и HTML. Он обладает плавной прокруткой в каждом разделе и полностью совместим с мобильными устройствами. Сайт имеет красивый и приятный пользовательский интерфейс и построен с использованием технологий React.js, JavaScript, CSS3, VSCode и Vercel. Для установки и настройки необходимо клонировать репозиторий, установить node.js и git, выполнить команду npm install для установки зависимостей и запустить команду npm start для запуска приложения в режиме разработки. Для настройки информации на сайте необходимо открыть папку проекта и перейти в /src/components/, где находятся все использованные компоненты. Если вам нравится этот сайт, не забудьте поставить звезду на GitHub.
Github | Демо
Веб-приложение для социальных сетей с базовым функционалом
Пакет на GitHub представляет собой социальное медиа веб-приложение с основными функциональными возможностями, созданное в соответствии с инструкциями из видео на YouTube. В приложении есть функции регистрации, входа и выхода из аккаунта, создания постов, лайков и дизлайков, а также переключение между темной и светлой темой. Для запуска приложения локально необходимо клонировать код, создать файл .env с переменными MONGO_URL, JWT_SECRET и PORT, установить необходимые зависимости, запустить сервер и клиентскую часть с помощью команды "npm run start".
Github
Пакет на GitHub представляет собой социальное медиа веб-приложение с основными функциональными возможностями, созданное в соответствии с инструкциями из видео на YouTube. В приложении есть функции регистрации, входа и выхода из аккаунта, создания постов, лайков и дизлайков, а также переключение между темной и светлой темой. Для запуска приложения локально необходимо клонировать код, создать файл .env с переменными MONGO_URL, JWT_SECRET и PORT, установить необходимые зависимости, запустить сервер и клиентскую часть с помощью команды "npm run start".
Github
Next.js приложение, визуализирующее погодные тенденции для любого геолокационного местоположения
Данный пакет из Github представляет собой веб-приложение, которое позволяет визуализировать и сравнивать погодные и климатические тенденции для любого местоположения. Вы можете изучить исторические данные для любой указанной даты, недели или месяца в период с 1940 года по настоящее время. Приложение создано на базе Next.js, использует библиотеки React-Vis, Pigeon Maps и API Open Meteo. Вы можете попробовать приложение в песочнице или запустить его локально, склонировав репозиторий и установив зависимости.
Github
Данный пакет из Github представляет собой веб-приложение, которое позволяет визуализировать и сравнивать погодные и климатические тенденции для любого местоположения. Вы можете изучить исторические данные для любой указанной даты, недели или месяца в период с 1940 года по настоящее время. Приложение создано на базе Next.js, использует библиотеки React-Vis, Pigeon Maps и API Open Meteo. Вы можете попробовать приложение в песочнице или запустить его локально, склонировав репозиторий и установив зависимости.
Github
Ювелирный веб-сайт, созданный с использованием React
Данный пакет на GitHub представляет собой проект по созданию интернет-магазина ювелирных изделий. Фронтэнд разработан с использованием React, а бэкэнд - Node Express. Для стилизации используются CSS и React Bootstrap, а функциональность сайта осуществляется при помощи JSX. Сайт будет обладать удобным интерфейсом для клиентов: они смогут регистрироваться/авторизовываться при помощи Google-аккаунта или по электронной почте и паролю. Клиенты также смогут легко совершать покупки, проверять свои заказы, получать обратную связь и другие функции. Администратор сможет управлять товарами, заказами и добавлять других администраторов. Дизайн сайта простой и понятный для пользователя.
Github
Данный пакет на GitHub представляет собой проект по созданию интернет-магазина ювелирных изделий. Фронтэнд разработан с использованием React, а бэкэнд - Node Express. Для стилизации используются CSS и React Bootstrap, а функциональность сайта осуществляется при помощи JSX. Сайт будет обладать удобным интерфейсом для клиентов: они смогут регистрироваться/авторизовываться при помощи Google-аккаунта или по электронной почте и паролю. Клиенты также смогут легко совершать покупки, проверять свои заказы, получать обратную связь и другие функции. Администратор сможет управлять товарами, заказами и добавлять других администраторов. Дизайн сайта простой и понятный для пользователя.
Github
Минималистичное приложение для тестирования скорости набора текста, созданное с использованием React и TailwindCSS
OpenType - это приложение на базе React и TailwindCSS, которое позволяет пользователям тестировать и улучшать скорость и точность набора текста. Он обеспечивает удобный интерфейс и интуитивно понятную обратную связь по производительности набора текста. Приложение включает в себя такие функции, как тесты набора текста, регулируемая продолжительность набора текста, отображение статистики, история набора текста, настройка темы и адаптивный дизайн. Планы на будущее для приложения включают добавление большего количества языков, тем, виртуальной клавиатуры, уровней сложности и отслеживание истории набора текста пользователем. Проект отдает должное MonkeyType за вдохновение и дизайнерские идеи.
Github
OpenType - это приложение на базе React и TailwindCSS, которое позволяет пользователям тестировать и улучшать скорость и точность набора текста. Он обеспечивает удобный интерфейс и интуитивно понятную обратную связь по производительности набора текста. Приложение включает в себя такие функции, как тесты набора текста, регулируемая продолжительность набора текста, отображение статистики, история набора текста, настройка темы и адаптивный дизайн. Планы на будущее для приложения включают добавление большего количества языков, тем, виртуальной клавиатуры, уровней сложности и отслеживание истории набора текста пользователем. Проект отдает должное MonkeyType за вдохновение и дизайнерские идеи.
Github
Утилита оболочки для интерактивного выбора строк из стандартного ввода
Утилита LineSelect представляет собой командную оболочку, которая позволяет выбрать строки из ввода и вывести их в вывод. Это позволяет пользователям прерывать выполнение командного потока и вручную выбирать нужные строки перед продолжением выполнения командного потока или другой составной команды. Программа может быть использована для выбора файлов для удаления, выбора контейнеров Docker для остановки или отбора определенных строк из лог-файлов. Утилита построена на основе библиотеки React-for-CLI Ink и использует уникальный метод отображения пользовательского интерфейса, обеспечивающий корректную работу с выводом в консоль.
Github
Утилита LineSelect представляет собой командную оболочку, которая позволяет выбрать строки из ввода и вывести их в вывод. Это позволяет пользователям прерывать выполнение командного потока и вручную выбирать нужные строки перед продолжением выполнения командного потока или другой составной команды. Программа может быть использована для выбора файлов для удаления, выбора контейнеров Docker для остановки или отбора определенных строк из лог-файлов. Утилита построена на основе библиотеки React-for-CLI Ink и использует уникальный метод отображения пользовательского интерфейса, обеспечивающий корректную работу с выводом в консоль.
Github
Приложение для обмена видео и фотографиями в социальных сетях, созданное с помощью 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