Приложение-калькулятор

Современное приложение-калькулятор на основе React, созданное с использованием TypeScript, Vite и Ant-дизайна.

Особенности

• Базовые арифметические операции (+, -, *, /, %)
• Современный пользовательский интерфейс с компонентами Ant-дизайна
• Адаптивный дизайн
• Высокая производительность благодаря Vite
• TypeScript для обеспечения безопасности типов
• Отображение вычислений в реальном времени

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

• React 18 - Библиотека пользовательского интерфейса
• TypeScript - Безопасность типов
• Vite - Инструмент для сборки и сервер разработки
• Ant Design - Библиотека компонентов пользовательского интерфейса
• Lodash - Служебные функции

Начало работы

Предварительные требования

• Node.js (версия 16 или выше)
• npm или yarn

Установка

1. Клонируем репозиторий:

git clone https://github.com/ViolettaRus/git-calculation.git
cd git-calculation

2. Установите зависимости:

npm install

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

npm run dev

4. Откройте свой браузер и перейдите к "http://localhost:5173`

Сборка для производства

npm run build

Созданные файлы будут находиться в каталоге dist.

Доступные скрипты

• npm run dev - Запуск сервера разработки
• npm run build - Сборка для производства
• npm run preview - Предварительный просмотр рабочей сборки
• npm run lint - Запуск ESLint

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

src/
├── components/
│   ├── Calculator/
│   │   ├── Calculator.tsx
│   │   └── index.tsx
│   └── CommonLayout/
│       ├── CommonLayout.tsx
│       └── index.ts
├── constants/
│   └── configTheme.ts
├── App.tsx
├── main.tsx
└── index.css

Внесение вклада

1. Разветвляем репозиторий
2. Создаем функциональную ветку (git checkout -b feature/amazing-feature)
3. Зафиксируйте свои изменения (git commit -m "Добавит какую-нибудь замечательную функцию)
4. Нажмите на ветку (git push origin feature/amazing-feature).
5. Откройте запрос на обновление

Лицензия

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

Примечания к выпуску

Версия 1.0.0

• Начальный выпуск
• Полная функциональность калькулятора
• Современный пользовательский интерфейс с дизайном Ant
• Поддержка TypeScript
• Адаптивный дизайн