Целевая страница туристического агентства 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 | Демо
Игра Tenzies, построенная с использованием React.js
Tenzies Game React-App - это захватывающий проект, созданный с использованием React.js. Эта игра стремится принести классическую игру в кости Tenzies в цифровой мир, предоставляя веселое и интерактивное взаимодействие для игроков всех возрастов. Бросьте кости, чтобы начать игру. Вы можете найти ссылку на веб-сайт игры в описании. Для установки и запуска проекта вам потребуется Node.js и NPM, а затем клонировать репозиторий и установить зависимости с помощью команд в терминале. Структура папок и файлов включает папку с ресурсами, компоненты и файлы стилей, а также скрипты запуска и настройки проекта.
Github
Tenzies Game React-App - это захватывающий проект, созданный с использованием React.js. Эта игра стремится принести классическую игру в кости Tenzies в цифровой мир, предоставляя веселое и интерактивное взаимодействие для игроков всех возрастов. Бросьте кости, чтобы начать игру. Вы можете найти ссылку на веб-сайт игры в описании. Для установки и запуска проекта вам потребуется Node.js и NPM, а затем клонировать репозиторий и установить зависимости с помощью команд в терминале. Структура папок и файлов включает папку с ресурсами, компоненты и файлы стилей, а также скрипты запуска и настройки проекта.
Github
Инструмент для визуализации вашего расписания для студентов ВИТ-Веллора и Ченнаи
Этот пакет из GitHub представляет собой веб-приложение, предназначенное для визуализации расписания студентов ВИТ Веллор и Ченнаи, чтобы помочь в регистрации курсов FFCS. Он использует PostgreSQL для базы данных, Prisma как ORM для доступа к данным, Nest.js в качестве фреймворка для разработки серверной части, а также другие инструменты, такие как bcrypt для хеширования паролей, Swagger для документирования API и Redis в качестве кэша. Фронтенд приложения разработан с использованием React и CSS-фреймворка TailwindCSS. Для локального запуска приложения необходимо выполнить несколько шагов, а для развертывания фронтенда необходимо также склонировать репозиторий и установить зависимости. Есть также ER-диаграмма и в планах создание административного портала.
Github
Этот пакет из GitHub представляет собой веб-приложение, предназначенное для визуализации расписания студентов ВИТ Веллор и Ченнаи, чтобы помочь в регистрации курсов FFCS. Он использует PostgreSQL для базы данных, Prisma как ORM для доступа к данным, Nest.js в качестве фреймворка для разработки серверной части, а также другие инструменты, такие как bcrypt для хеширования паролей, Swagger для документирования API и Redis в качестве кэша. Фронтенд приложения разработан с использованием React и CSS-фреймворка TailwindCSS. Для локального запуска приложения необходимо выполнить несколько шагов, а для развертывания фронтенда необходимо также склонировать репозиторий и установить зависимости. Есть также ER-диаграмма и в планах создание административного портала.
Github
Превратите все репозиторий GitHub в единый организованный текстовый файл для использования с интерпретатором кода
RepoToText – это веб-приложение, которое сканирует репозиторий GitHub и преобразует его файлы в один организованный .txt файл. Вы можете ввести URL репозитория GitHub и, при желании, URL документации (информация о документации будет добавлена в начало .txt файла). Приложение извлекает содержимое репозитория, включая все файлы и каталоги, а также извлекает документацию с предоставленного URL и включает ее в один организованный текстовый файл. .txt файл будет сохранен в корневом каталоге проекта с информацией о пользователе/репозитории/временной метки. Затем этот файл можно загрузить в интерпретатор кода, и вы сможете взаимодействовать с всем репозиторием GitHub с помощью чат-бота.
Github
RepoToText – это веб-приложение, которое сканирует репозиторий GitHub и преобразует его файлы в один организованный .txt файл. Вы можете ввести URL репозитория GitHub и, при желании, URL документации (информация о документации будет добавлена в начало .txt файла). Приложение извлекает содержимое репозитория, включая все файлы и каталоги, а также извлекает документацию с предоставленного URL и включает ее в один организованный текстовый файл. .txt файл будет сохранен в корневом каталоге проекта с информацией о пользователе/репозитории/временной метки. Затем этот файл можно загрузить в интерпретатор кода, и вы сможете взаимодействовать с всем репозиторием GitHub с помощью чат-бота.
Github
Простой калькулятор с React.js
Пакет "Simple React Calculator Demo Look" представляет собой демонстрационный пример калькулятора, разработанного с использованием React js. Он позволяет пользователю выполнять базовые математические операции, такие как сложение, вычитание, умножение и деление. Пакет включает в себя инструкции по клонированию проекта, установке необходимых модулей и запуску приложения в браузере. Для получения дополнительной помощи по разработке приложений на React рекомендуется использовать Create React App.
Github
Пакет "Simple React Calculator Demo Look" представляет собой демонстрационный пример калькулятора, разработанного с использованием React js. Он позволяет пользователю выполнять базовые математические операции, такие как сложение, вычитание, умножение и деление. Пакет включает в себя инструкции по клонированию проекта, установке необходимых модулей и запуску приложения в браузере. Для получения дополнительной помощи по разработке приложений на React рекомендуется использовать Create React App.
Github
Продвинутое приложение-компаньон для путешествий, использующее Google Maps
Travel Mate - это приложение для путешествий, которое использует Google Maps для создания продвинутого путеводителя. Пользователь может использовать геолокацию, Google Maps API и поиск мест, чтобы найти рестораны, отели и достопримечательности в определенном месте. Приложение также использует RapidAPI для получения данных из различных источников. В процессе работы над проектом разработчик изучил лучшие практики создания React-приложений, работу с Material UI и Google Maps API, а также получение данных с помощью RapidAPI. Чтобы начать работу с приложением, необходимо установить и запустить его с помощью команд npm i и npm start.
Github
Travel Mate - это приложение для путешествий, которое использует Google Maps для создания продвинутого путеводителя. Пользователь может использовать геолокацию, Google Maps API и поиск мест, чтобы найти рестораны, отели и достопримечательности в определенном месте. Приложение также использует RapidAPI для получения данных из различных источников. В процессе работы над проектом разработчик изучил лучшие практики создания React-приложений, работу с Material UI и Google Maps API, а также получение данных с помощью RapidAPI. Чтобы начать работу с приложением, необходимо установить и запустить его с помощью команд npm i и npm start.
Github
Современный и инновационный интерфейс threads с открытым исходным кодом, построенный с использованием Next.js
Пакет "String - Threads Web Frontend" представляет собой современный и инновационный фронтенд для открытого исходного кода threads, созданный с использованием Next.js, Tailwind CSS и последних технологий веб-разработки. Пакет содержит инструкции по установке и запуску проекта, а также приветствует вклад от других разработчиков. Проект лицензирован под MIT License и разработан при использовании Next.js, Tailwind CSS и React. В случае возникновения вопросов или обратной связи доступны контактные данные автора проекта.
Github
Пакет "String - Threads Web Frontend" представляет собой современный и инновационный фронтенд для открытого исходного кода threads, созданный с использованием Next.js, Tailwind CSS и последних технологий веб-разработки. Пакет содержит инструкции по установке и запуску проекта, а также приветствует вклад от других разработчиков. Проект лицензирован под MIT License и разработан при использовании Next.js, Tailwind CSS и React. В случае возникновения вопросов или обратной связи доступны контактные данные автора проекта.
Github
Полнофункциональное веб-приложение для социальных сетей, созданное с помощью MERN
Social Media App - это полнофункциональное веб-приложение социальных медиа, созданное с использованием стека MERN. Оно позволяет создавать, читать, обновлять и удалять посты, а также отмечать и снимать отметки с постов. Пользователи могут также оставлять комментарии, просматривать профили других пользователей, отправлять личные сообщения в режиме реального времени и использовать маркдаун для постов и комментариев. Приложение также предлагает фильтрацию неприемлемого контента и выставление временных ограничений на публикацию и комментирование.
Github
Social Media App - это полнофункциональное веб-приложение социальных медиа, созданное с использованием стека MERN. Оно позволяет создавать, читать, обновлять и удалять посты, а также отмечать и снимать отметки с постов. Пользователи могут также оставлять комментарии, просматривать профили других пользователей, отправлять личные сообщения в режиме реального времени и использовать маркдаун для постов и комментариев. Приложение также предлагает фильтрацию неприемлемого контента и выставление временных ограничений на публикацию и комментирование.
Github
Удобное и эффективное приложение для ведения заметок, использующее 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