Random_Quote_Machine

Random_Quote_Machine

? Оглавление

• ? Оглавление
• Random_Quote_Machine
  • ? Построен с
    • Технический стек
    • Ключевые особенности
  • Живая демо-версия
  • Начиная
    • Структура проекта
    • Настраивать
    • Установить
    • Использование
    • Запуск тестов
  • Авторы
  • ? Будущие возможности
  • ? Содействие
  • ️ Покажите свою поддержку
  • Благодарности
  • Лицензия

Random_Quote_Machine

Погрузитесь в мир идей, мудрости и вдохновляющих мыслей с помощью нашей машины случайных цитат. Одним нажатием кнопки приложение предоставляет вам случайно выбранную цитату из обширной коллекции цитат известных авторов со всего мира. Кроме того, если цитата действительно вам нравится, вы можете мгновенно поделиться ею в Твиттере! Будь то вдохновение, размышления или просто приятное свидание, наша машина случайных цитат всегда готова украсить ваш день.

? Построен с

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

Реакция-редукция

• В этом проекте используется React

HTML

• В этом проекте используется HTML.

CSS

• CSS используется для обеспечения дизайна всей страницы.

Линтеры

• Линтеры — это инструменты, которые помогают нам проверять и устранять ошибки в коде.
Этот проект рассчитан на два линтера:
• CSS
• JavaScript

Ключевые особенности

• СПА
• CRA
• Стили
• Маршрутизатор
• Зарегистрировано
• Инструментарий
• React-Redux
• Библиотека тестов Jest и React
• Развертывание

(вернуться к началу)

Живая демо-версия

Вы можете увидеть демо здесь.

(вернуться к началу)

Начиная

Чтобы запустить локальную копию, выполните следующие действия. Для этого проекта на вашем компьютере должны быть установлены Node.js и npm.

-Node.js -npm

-Клонируйте этот репозиторий на свой локальный компьютер, используя:

git-клон https://github.com/ClaudiaRojasSoto/Random_Quote_Machine.git

-Перейдите в папку проекта:

компакт-диск math_magicians

-Установите зависимости проекта:

установка npm

Чтобы запустить сервер разработки, выполните следующую команду:

запуск НПМ

Структура проекта

Проект имеет следующую структуру папок и файлов:

• /src : содержит исходные файлы приложения.
• /src/index.js : основная точка входа приложения JavaScript.
• /src/App.js : компонент верхнего уровня приложения, в котором отображаются компоненты.
• /src/components : каталог для компонентов React.
• /src/components/quoteBox.js : компонент для quoteBox.
• /src/components/quoteBox.css : стили для поля цитаты.
• /src/components/quoteButtons.js : папка для кнопок цитат.
• /src/components/navbar/quoteButtons.css : Стили для кнопок кавычек.
• /src/redux : каталог для управления Redux.
• /src/redux/store.js : конфигурация хранилища Redux.
• /src/redux/actions : папка для действий Redux.
• /src/redux/actions/quoteActions.js : действия по управлению котировками.
• /src/redux/reducers : папка для редукторов Redux.
• /src/redux/reducers/quoteReducer.js : Редуктор для управления котировками.
• /public : содержит общедоступные файлы и ресурсы приложения.
• /public/index.html : базовый HTML-файл приложения.
• /build : Содержит сгенерированные рабочие файлы.

Настраивать

Клонируйте этот репозиторий в нужную папку: https://github.com/ClaudiaRojasSoto/Random_Quote_Machine.git.

Установить

Установите этот проект с помощью: install Stylelint и ESLint

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

Чтобы запустить проект, выполните следующую команду: просто нужен веб-браузер.

Запуск тестов

Чтобы запустить тесты, выполните следующую команду: npm start, вам просто нужен простой веб-браузер, чтобы запустить этот проект для теста.

Авторы

? Клаудия Рохас

• GitHub: @githubhandle
• LinkedIn: LinkedIn
• Список Ангелов: Список Ангелов

(вернуться к началу)

? Будущие возможности

• Ключи пользователя - вход

(вернуться к началу)

? Содействие

Вклады, проблемы и запросы функций приветствуются!

Не стесняйтесь проверить страницу проблем.

(вернуться к началу)

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

Если вам нравится этот проект, поддержите его, подписавшись на этот аккаунт.

(вернуться к началу)

Благодарности

• Microverse за предоставление возможности изучать Git и GitHub в среде совместной работы.

• GitHub Docs за предоставление большого количества информации о Git и GitHub.

(вернуться к началу)

Лицензия

Этот проект — MIT.

(вернуться к началу)