Генератор мемов

Meme Generator — это забавное интерактивное веб-приложение, которое позволяет пользователям создавать собственные мемы, используя различные шаблоны. Я пару месяцев изучал разработку программного обеспечения на образовательной платформе, и этот проект был частью учебной программы.

Оглавление

1. Демо
2. Функции
3. Технологический стек
4. Установка
5. Использование
6. Автор
7. Лицензия
8. Покажите свою поддержку

Демо

Хотите увидеть генератор мемов в действии? Посмотрите нашу живую демонстрацию!

Нажмите здесь, чтобы просмотреть демо

Функции

• Динамическое создание мемов: получение случайных изображений мемов из API.
• Настраиваемый текст: добавляйте верхний и нижний текст для создания уникальных мемов.
• Адаптивный дизайн: оптимизирован для просмотра как на настольных компьютерах, так и на мобильных устройствах.
• Предварительный просмотр в реальном времени: просматривайте обновления мемов по мере ввода.
• Чистый пользовательский интерфейс: простой и интуитивно понятный пользовательский интерфейс.

Технический стек

• Фронтенд: React.js
• Инструмент сборки: Vite для быстрой и эффективной разработки
• Стилизация: LESS для расширенных возможностей стилизации
• Управление состоянием: React Hooks (useState, useEffect)
• Интеграция API: получение API для получения шаблонов мемов

Установка

1. Клонировать репозиторий:

   git clone https://github.com/undrthegraveyard/meme_generator.git

1. Перейдите в каталог проекта:

   cd meme_generator

1. Установить зависимости:

   npm install

1. Запустите сервер разработки:

   npm run dev

Использование

1. Откройте приложение в браузере.
2. Нажмите кнопку «Получить новое изображение мема», чтобы загрузить случайный шаблон мема.
3. Введите желаемый текст в поля «Верхний текст» и «Нижний текст».
4. Мем будет обновляться в режиме реального времени по мере ввода.
5. Сохраните созданный мем или поделитесь им (функция будет реализована).

Автор

? Шивам Агарвал

• Твиттер: @shivam_agarwaal

Лицензия

Этот проект распространяется по лицензии MIT.

Покажите свою поддержку

Дайте ?? если вам понравилось!