Веб-приложение для электронной коммерции, созданное с использованием React и Redux Toolkit
Проект E-Commerce с использованием React и Redux Toolkit является веб-приложением электронной коммерции, в котором реализована функция фильтрации товаров по цене с помощью интерактивного ползунка. Приложение также использует внешний API для получения актуальной информации о товарах. Пользователи могут добавлять товары в корзину, удалять их и просматривать содержимое корзины для более удобного управления выбранными товарами.
Github
Проект E-Commerce с использованием React и Redux Toolkit является веб-приложением электронной коммерции, в котором реализована функция фильтрации товаров по цене с помощью интерактивного ползунка. Приложение также использует внешний API для получения актуальной информации о товарах. Пользователи могут добавлять товары в корзину, удалять их и просматривать содержимое корзины для более удобного управления выбранными товарами.
Github
Клон ChatGPT, созданный с помощью MERN и использующий OpenAI API
ChatGPT - это клон проекта chatGPT, созданный с использованием MERN и API OpenAI. Он позволяет вести разговоры, максимально приближенные к человеческим. Возможности включают PWA, автономную работу, вход с паролем, восстановление пароля, вход и регистрацию через Google, сохранение истории чатов, удаление аккаунта, светлую и темную темы и отзывчивый дизайн. Для запуска проекта необходимо установить необходимые зависимости, добавить переменные окружения и запустить соответствующие команды.
Github
ChatGPT - это клон проекта chatGPT, созданный с использованием MERN и API OpenAI. Он позволяет вести разговоры, максимально приближенные к человеческим. Возможности включают PWA, автономную работу, вход с паролем, восстановление пароля, вход и регистрацию через Google, сохранение истории чатов, удаление аккаунта, светлую и темную темы и отзывчивый дизайн. Для запуска проекта необходимо установить необходимые зависимости, добавить переменные окружения и запустить соответствующие команды.
Github
Веб-приложение, которое позволяет студентам организовывать свои учебные материалы и управлять ими
Brain-Box - это веб-приложение, предназначенное для студентов для организации своих учебных материалов и управления ими. Он позволяет пользователям создавать, просматривать и упорядочивать темы и главы, а также добавлять заметки и ссылки на видео для каждой главы и управлять ими. Приложение предоставляет обновления в режиме реального времени, мгновенно отражающие любые сделанные добавления или удаления. Он построен с использованием React и Firebase, пользовательский интерфейс оформлен с использованием Tailwind CSS и использует языковую модель GPT-3.5, предоставляемую OpenAI.
Github
Brain-Box - это веб-приложение, предназначенное для студентов для организации своих учебных материалов и управления ими. Он позволяет пользователям создавать, просматривать и упорядочивать темы и главы, а также добавлять заметки и ссылки на видео для каждой главы и управлять ими. Приложение предоставляет обновления в режиме реального времени, мгновенно отражающие любые сделанные добавления или удаления. Он построен с использованием React и Firebase, пользовательский интерфейс оформлен с использованием Tailwind CSS и использует языковую модель GPT-3.5, предоставляемую OpenAI.
Github
Приложение для бронирования встреч в режиме реального времени, в котором пользователь может записываться на прием
Проект DoctorzBook - это приложение для онлайн-записи на прием к врачу в реальном времени, где пользователь может записаться на прием с удобством прямо из дома. Главная цель проекта состоит в том, чтобы сделать процесс записи на прием как можно проще и удобнее для пользователей. Основные услуги, предоставляемые приложением, включают легкую запись на прием, поиск ближайших врачей и реально-временное бронирование. Приложение было разработано в рамках хакатона Veersa Technologies с целью трансформации здравоохранения через инновации в области технологий.
Github
Проект DoctorzBook - это приложение для онлайн-записи на прием к врачу в реальном времени, где пользователь может записаться на прием с удобством прямо из дома. Главная цель проекта состоит в том, чтобы сделать процесс записи на прием как можно проще и удобнее для пользователей. Основные услуги, предоставляемые приложением, включают легкую запись на прием, поиск ближайших врачей и реально-временное бронирование. Приложение было разработано в рамках хакатона Veersa Technologies с целью трансформации здравоохранения через инновации в области технологий.
Github
Веб-сайт игрового браузера, созданный с использованием пользовательского интерфейса React и Chakra
Пакет GameHub - это браузер игр, разработанный на React с использованием библиотеки Chakra UI. Он получает данные об играх с сайта https://rawg.io/ и отображает их с помощью https://chakra-ui.com/. Для запуска локально необходимо выполнить команду 'npm run dev', что запустит локальный веб-сервер на localhost. Для сборки проекта для продакшена используется команда 'vite build', что создаст папку 'dist' с готовыми файлами. Для просмотра рабочего примера проекта доступен live demo по адресу https://felstar.com/demo/gamehub/.
Github
Пакет GameHub - это браузер игр, разработанный на React с использованием библиотеки Chakra UI. Он получает данные об играх с сайта https://rawg.io/ и отображает их с помощью https://chakra-ui.com/. Для запуска локально необходимо выполнить команду 'npm run dev', что запустит локальный веб-сервер на localhost. Для сборки проекта для продакшена используется команда 'vite build', что создаст папку 'dist' с готовыми файлами. Для просмотра рабочего примера проекта доступен live demo по адресу https://felstar.com/demo/gamehub/.
Github
Отправьте свою идею и получите список похожих идей, в которые YCombinator инвестировал ранее
Этот проект позволяет отправить свою идею и получить список похожих идей, в которые ранее инвестировала компания YCombinator. Проект построен с использованием таких технологий, как Neon, pg_embedding, Next.js, Vercel, OpenAI API, TailwindCSS, Upstash Redis, Zod, React Query и Vaul. Для работы приложения необходимо запустить скрипт generate-embeddings, который создаст схему базы данных, установит расширение pg_embedding и получит данные о компаниях из API YCombinator. При отправке пользователем своей идеи, приложение использует OpenAI API для создания векторного представления идеи, а затем с помощью pg_embedding извлекает топ-3 самых похожих идей.
Github
Этот проект позволяет отправить свою идею и получить список похожих идей, в которые ранее инвестировала компания YCombinator. Проект построен с использованием таких технологий, как Neon, pg_embedding, Next.js, Vercel, OpenAI API, TailwindCSS, Upstash Redis, Zod, React Query и Vaul. Для работы приложения необходимо запустить скрипт generate-embeddings, который создаст схему базы данных, установит расширение pg_embedding и получит данные о компаниях из API YCombinator. При отправке пользователем своей идеи, приложение использует OpenAI API для создания векторного представления идеи, а затем с помощью pg_embedding извлекает топ-3 самых похожих идей.
Github
Целевая страница для gym, созданная с использованием React, Typescript и Tailwind CSS
Этот пакет из GitHub представляет собой лендинговую страницу для тренажерного зала, созданную с использованием React и TypeScript. Цель страницы - продемонстрировать услуги тренажерного зала и привлечь потенциальных клиентов. Она имеет современный и адаптивный дизайн, обеспечивающий отличный пользовательский опыт на различных устройствах. Возможности включают: отзывчивый дизайн, интерактивные компоненты и анимации для улучшения вовлеченности пользователя, интеграцию с внешними API для отображения расписания занятий в тренажерном зале, акций и т.д., а также возможность расчета ИМТ. Используемые технологии: React, TypeScript, HTML5, TailwindCSS, Vite.
Github
Этот пакет из GitHub представляет собой лендинговую страницу для тренажерного зала, созданную с использованием React и TypeScript. Цель страницы - продемонстрировать услуги тренажерного зала и привлечь потенциальных клиентов. Она имеет современный и адаптивный дизайн, обеспечивающий отличный пользовательский опыт на различных устройствах. Возможности включают: отзывчивый дизайн, интерактивные компоненты и анимации для улучшения вовлеченности пользователя, интеграцию с внешними API для отображения расписания занятий в тренажерном зале, акций и т.д., а также возможность расчета ИМТ. Используемые технологии: React, TypeScript, HTML5, TailwindCSS, Vite.
Github
Приложение notes, разработанное с помощью spring boot и react
Это пакет из Github, который представляет собой приложение для заметок.
Он состоит из backend и frontend.
Для установки и запуска приложения необходимо установить JDK 17, Gradle, MySQL и Node 18.16.1, а также рекомендуется использовать Visual Studio Code, IntelliJ Community и Postman. После установки всех необходимых инструментов можно клонировать репозиторий, настроить подключение к базе данных, установить и запустить backend, а затем установить и запустить frontend. Также возможен вариант установки и запуска приложения с помощью Docker. После успешной установки и запуска приложение доступно по адресу http://localhost:5173 и имеет следующие представления: активные заметки, архивные заметки, создание заметки, редактирование заметки, архивирование заметки, удаление заметки.
Github
Это пакет из Github, который представляет собой приложение для заметок.
Он состоит из backend и frontend.
Для установки и запуска приложения необходимо установить JDK 17, Gradle, MySQL и Node 18.16.1, а также рекомендуется использовать Visual Studio Code, IntelliJ Community и Postman. После установки всех необходимых инструментов можно клонировать репозиторий, настроить подключение к базе данных, установить и запустить backend, а затем установить и запустить frontend. Также возможен вариант установки и запуска приложения с помощью Docker. После успешной установки и запуска приложение доступно по адресу http://localhost:5173 и имеет следующие представления: активные заметки, архивные заметки, создание заметки, редактирование заметки, архивирование заметки, удаление заметки.
Github
Простой проект загрузки файлов с помощью React
Этот пакет из Github представляет собой простой проект для загрузки и хранения изображений. В нем используются Multer - мощный middleware для обработки загрузки изображений, и Cloudinary - надежный облачный сервис для безопасного хранения изображений. Проект предлагает возможность ознакомиться с его функциональностью и попробовать демо-версию. Multer упрощает процесс обработки загрузки файлов, включая изображения, с клиента на сервер, а Cloudinary интегрируется для безопасного хранения загруженных изображений. Проект может быть полезен для упрощения процесса загрузки и хранения изображений в ваших приложениях.
Github
Этот пакет из Github представляет собой простой проект для загрузки и хранения изображений. В нем используются Multer - мощный middleware для обработки загрузки изображений, и Cloudinary - надежный облачный сервис для безопасного хранения изображений. Проект предлагает возможность ознакомиться с его функциональностью и попробовать демо-версию. Multer упрощает процесс обработки загрузки файлов, включая изображения, с клиента на сервер, а Cloudinary интегрируется для безопасного хранения загруженных изображений. Проект может быть полезен для упрощения процесса загрузки и хранения изображений в ваших приложениях.
Github
Погодное приложение, предоставляющее информацию о погодных условиях
Этот пакет в Github представляет проект WeatherAPP, который позволяет пользователям видеть погоду любого города в мире. Он разработан с использованием React и Redux. Основные функции включают в себя получение информации о погоде в режиме реального времени и поиск любого города в мире. Проект имеет отзывчивый дизайн и поддерживает установку и запуск на локальной машине. Разработчик проекта - Reza Merzaie.
Github
Этот пакет в Github представляет проект WeatherAPP, который позволяет пользователям видеть погоду любого города в мире. Он разработан с использованием React и Redux. Основные функции включают в себя получение информации о погоде в режиме реального времени и поиск любого города в мире. Проект имеет отзывчивый дизайн и поддерживает установку и запуск на локальной машине. Разработчик проекта - Reza Merzaie.
Github
Реагируйте на погоду в Тбилиси - обновляйте погоду в Тбилиси, Грузия, в режиме реального времени
В данном репозитории на Github представлен проект React Weather Website для Тбилиси. Данное приложение предоставляет в реальном времени информацию о погоде в красивом городе Тбилиси, Грузия. Оно включает в себя подробный прогноз на следующие шесть дней, включая температуру, ветер, максимальную и минимальную температуры, время восхода солнца и изображения погоды. Приложение имеет отзывчивый дизайн для удобного использования на различных устройствах. Для работы с данными о погоде используются React, OpenWeatherMap API и CSS для стилизации сайта.
Github
В данном репозитории на Github представлен проект React Weather Website для Тбилиси. Данное приложение предоставляет в реальном времени информацию о погоде в красивом городе Тбилиси, Грузия. Оно включает в себя подробный прогноз на следующие шесть дней, включая температуру, ветер, максимальную и минимальную температуры, время восхода солнца и изображения погоды. Приложение имеет отзывчивый дизайн для удобного использования на различных устройствах. Для работы с данными о погоде используются React, OpenWeatherMap API и CSS для стилизации сайта.
Github
Веб-приложение, которое позволяет пользователям осуществлять поиск игр по жанрам
Этот пакет на GitHub представляет собой Proper responsive Indie Gems Portal - платформу, где вы можете искать и открывать свои любимые игры на основе различных категорий. Он предлагает удобный способ исследования и поиска игр, которые соответствуют вашим предпочтениям. Для использования пакета необходимо клонировать репозиторий, установить зависимости и запустить разработческий сервер, после чего можно будет искать и сортировать игры на основе разных факторов. Проект лицензирован под MIT License и создан с использованием технологий React18, TypeScript, Chakra-UI, Vite и API Rawg.io.
Github
Этот пакет на GitHub представляет собой Proper responsive Indie Gems Portal - платформу, где вы можете искать и открывать свои любимые игры на основе различных категорий. Он предлагает удобный способ исследования и поиска игр, которые соответствуют вашим предпочтениям. Для использования пакета необходимо клонировать репозиторий, установить зависимости и запустить разработческий сервер, после чего можно будет искать и сортировать игры на основе разных факторов. Проект лицензирован под MIT License и создан с использованием технологий React18, TypeScript, Chakra-UI, Vite и API Rawg.io.
Github
Fashion Cube-приложение для электронной коммерции с React
Пакет ScreenShotFashion Cube-Ecommerce Application представляет собой приложение электронной коммерции, разработанное с использованием Reactjs, Redux, Axios, Sass и react-bootstrap. Он содержит функции домашней страницы с отображением списка продуктов, страницу с подробной информацией о продукте, страницу с категориями продуктов, страницу с рекомендованными продуктами, страницу корзины, а также страницы для входа и регистрации. Этот проект также включает Monorepo и Lerna для более эффективного управления кодом, а также использование Design System и React Hooks. В планах для будущих версий проекта добавление новых функций. Образец работы приложения можно проверить в живом демо.
Github
Пакет ScreenShotFashion Cube-Ecommerce Application представляет собой приложение электронной коммерции, разработанное с использованием Reactjs, Redux, Axios, Sass и react-bootstrap. Он содержит функции домашней страницы с отображением списка продуктов, страницу с подробной информацией о продукте, страницу с категориями продуктов, страницу с рекомендованными продуктами, страницу корзины, а также страницы для входа и регистрации. Этот проект также включает Monorepo и Lerna для более эффективного управления кодом, а также использование Design System и React Hooks. В планах для будущих версий проекта добавление новых функций. Образец работы приложения можно проверить в живом демо.
Github
Проект, помогающий упрочнить использование redux в приложении react
Этот пакет из GitHub — рабочий проект, который использует только состояние и свойства для передачи данных. Основная цель проекта — улучшить веб-приложение, которое помогает пользователям заполнить заявку на ипотеку. В ходе проекта будут внесены изменения в компоненты, чтобы они работали с Redux. Также будет изменены файлы в папке src/components и файлы src/router.js, src/index.js и src/App.js для использования Redux.
Github
Этот пакет из GitHub — рабочий проект, который использует только состояние и свойства для передачи данных. Основная цель проекта — улучшить веб-приложение, которое помогает пользователям заполнить заявку на ипотеку. В ходе проекта будут внесены изменения в компоненты, чтобы они работали с Redux. Также будет изменены файлы в папке src/components и файлы src/router.js, src/index.js и src/App.js для использования Redux.
Github
Учебный таймер, написанный в React
Этот пакет из GitHub представляет собой проект по разработке таймера для учебных занятий, выполненного с использованием React. Он был создан в рамках курса Fullstack Allura, предлагаемого программой Desenvolve-Grupo Boticario. Таймер позволяет установить определенное время для изучения и уведомляет пользователя о необходимости сделать перерыв.
Github
Этот пакет из GitHub представляет собой проект по разработке таймера для учебных занятий, выполненного с использованием React. Он был создан в рамках курса Fullstack Allura, предлагаемого программой Desenvolve-Grupo Boticario. Таймер позволяет установить определенное время для изучения и уведомляет пользователя о необходимости сделать перерыв.
Github
Игра Mario Jump, созданная с использованием React и Redux Toolkit
Mario Jump - бесконечная игра, вдохновленная известной игрой Google Chrome's T-Rex Dinosaur Game. Игра полностью построена с использованием ReactJS и Redux Toolkit. Особенности игры включают мобильную адаптивность, красивые анимации, быстрое управление, высокий счет, фоновую музыку Марио и звуковые эффекты прыжков и окончания игры. Автор проекта - Gilbert Hutapea, который предоставляет лицензию MIT License для использования программного обеспечения.
Github
Mario Jump - бесконечная игра, вдохновленная известной игрой Google Chrome's T-Rex Dinosaur Game. Игра полностью построена с использованием ReactJS и Redux Toolkit. Особенности игры включают мобильную адаптивность, красивые анимации, быстрое управление, высокий счет, фоновую музыку Марио и звуковые эффекты прыжков и окончания игры. Автор проекта - Gilbert Hutapea, который предоставляет лицензию MIT License для использования программного обеспечения.
Github
Простой шаблон портфолио для разработчиков / дизайнеров, созданный с помощью React
Этот пакет включает в себя шаблон портфолио для специалистов в области информатики и кибербезопасности, созданный с использованием React. Чтобы начать использование, необходима установка git-репозитория, а затем выполнение команды установки yarn для проверки и сборки веб-сайта. Затем можно вносить изменения в содержимое страниц, указанное в файле src/content_option.js.
Github
Этот пакет включает в себя шаблон портфолио для специалистов в области информатики и кибербезопасности, созданный с использованием React. Чтобы начать использование, необходима установка git-репозитория, а затем выполнение команды установки yarn для проверки и сборки веб-сайта. Затем можно вносить изменения в содержимое страниц, указанное в файле src/content_option.js.
Github
Простое приложение React, которое сохраняет количество кликов в локальном хранилище
Этот пакет на гитхабе - простой проект счетчика на React. Для установки нужно использовать команды git clone для клонирования репозитория, cd для перехода в папку click-counter, npm i для установки зависимостей и npm run start для запуска проекта. Возможно добавление новых функций и обновление интерфейса и логики счетчика, и вклад в развитие проекта будет приветствоваться.
Github
Этот пакет на гитхабе - простой проект счетчика на React. Для установки нужно использовать команды git clone для клонирования репозитория, cd для перехода в папку click-counter, npm i для установки зависимостей и npm run start для запуска проекта. Возможно добавление новых функций и обновление интерфейса и логики счетчика, и вклад в развитие проекта будет приветствоваться.
Github
Клонировать приложение Spotify с помощью Next.js и Супербаза
В данном пакете из GitHub представлено приложение-клон Spotify, которое демонстрирует навыки автора в современной веб-разработке. Оно объединяет передовые технологии, такие как Next.js, React.js, Tailwind CSS, Supabase, Stripe и TypeScript, чтобы предоставить пользователям захватывающий и центрированный на пользователе опыт стриминга музыки. Это приложение является результатом гармоничного сочетания элегантности и мощности, и оно представляет собой цифровую симфонию, которая захватывает пользователей, поднимая их опыт прослушивания музыки на новую высоту.
Github
В данном пакете из GitHub представлено приложение-клон Spotify, которое демонстрирует навыки автора в современной веб-разработке. Оно объединяет передовые технологии, такие как Next.js, React.js, Tailwind CSS, Supabase, Stripe и TypeScript, чтобы предоставить пользователям захватывающий и центрированный на пользователе опыт стриминга музыки. Это приложение является результатом гармоничного сочетания элегантности и мощности, и оно представляет собой цифровую симфонию, которая захватывает пользователей, поднимая их опыт прослушивания музыки на новую высоту.
Github
Полнофункциональное приложение для викторин с открытым исходным кодом
Пакет REACT QUIZ - это полноценное открытое приложение для викторин на стеке MERN. Он предоставляет возможность регистрации и входа пользователей, выбора типа и уровня сложности вопросов, отсчета времени и автоматической остановки по истечении времени, а также отображения результатов ответов. Проект разработан с использованием React.js, React Vite, React Hooks, react-router-dom, Tailwind Css, React Icons, Framer Motion и Firebase для аутентификации и хранения данных. Пакет предоставляет скриншоты приложения и информацию об авторе, а также имеет лицензию MIT.
Github
Пакет REACT QUIZ - это полноценное открытое приложение для викторин на стеке MERN. Он предоставляет возможность регистрации и входа пользователей, выбора типа и уровня сложности вопросов, отсчета времени и автоматической остановки по истечении времени, а также отображения результатов ответов. Проект разработан с использованием React.js, React Vite, React Hooks, react-router-dom, Tailwind Css, React Icons, Framer Motion и Firebase для аутентификации и хранения данных. Пакет предоставляет скриншоты приложения и информацию об авторе, а также имеет лицензию MIT.
Github
Компонент иерархического дерева для React в Typescript
React Tree - это компонент древовидной структуры для React, написанный на TypeScript. Он поддерживает тематизацию для почти всех частей компонентов и может быть использован как в качестве неконтролируемого компонента, так и контролируемого компонента. Также он обладает большим набором функций, таких как стилизация контейнера, поддержка многоуровневого выбора, настраиваемые строки сообщений и рабочий API для контроля состояния. Он также поддерживает пользовательский рендеринг узлов и иконок, и имеет возможность кастомизации темы.
Github
React Tree - это компонент древовидной структуры для React, написанный на TypeScript. Он поддерживает тематизацию для почти всех частей компонентов и может быть использован как в качестве неконтролируемого компонента, так и контролируемого компонента. Также он обладает большим набором функций, таких как стилизация контейнера, поддержка многоуровневого выбора, настраиваемые строки сообщений и рабочий API для контроля состояния. Он также поддерживает пользовательский рендеринг узлов и иконок, и имеет возможность кастомизации темы.
Github