React_Redux_Calculator

React_Redux_Calculator

? Оглавление

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

React_Redux_Calculator

Это приложение представляет собой веб-калькулятор, разработанный на JavaScript с использованием технологий React и Redux. Он позволяет легко и эффективно выполнять основные математические операции. Это приложение, созданное на основе калькулятора JavaScript, предоставленного FreeCodeCamp, дает вам возможность применить свои навыки веб-разработки при создании работающего калькулятора.

? Построен с

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

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

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

HTML

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

CSS

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

Линтеры

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

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

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

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

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

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

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

Начиная

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

-Node.js -npm

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

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

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

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

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

установка npm

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

запуск НПМ

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

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

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

Настраивать

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

Установить

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

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

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

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

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

Авторы

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

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

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

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

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

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

? Содействие

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

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

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

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

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

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

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

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

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

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

Лицензия

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

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