Drum_Machine

Drum_Machine

? Оглавление

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

Drum_Machine

Приложение Drum Machine — это интерактивное приложение, имитирующее драм-машину. Это приложение, разработанное с интуитивно понятным и дружественным пользовательским интерфейсом, позволяет пользователям воспроизводить различные перкуссионные звуки с помощью экранных клавиш или клавиатуры компьютера.

? Построен с

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

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

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

HTML

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

CSS

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

Линтеры

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

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

• СПА
• CRA
• Стили
• Инструментарий
• React-Redux
• Развертывание

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

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

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

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

Начиная

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

-Node.js -npm

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

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

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

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

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

установка npm

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

запуск НПМ

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

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

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

Настраивать

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

Установить

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

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

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

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

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

Авторы

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

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

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

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

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

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

? Содействие

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

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

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

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

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

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

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

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

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

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

Лицензия

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

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