🧮 Modern React Calculator

Современный адаптивный калькулятор, написанный на React + TypeScript с использованием Tailwind CSS и анимаций через Framer Motion.
Поддерживает автоматическое переключение тёмной и светлой темы в зависимости от системных настроек пользователя.

---

🚀 Технологии

Проект создан с использованием следующих инструментов:

• ⚛️ React 18 — основа интерфейса и управления состоянием
• 🔷 TypeScript — строгая типизация для надёжного и масштабируемого кода
• 💨 Tailwind CSS — для быстрой и адаптивной стилизации
• 🎞 Framer Motion — для плавных анимаций при взаимодействии
• 🌗 Автоматическая смена темы — через prefers-color-scheme
• 🧮 Vanilla Logic — вся логика вычислений реализована без сторонних библиотек

---

🎯 Цель проекта

Создать компактное, стильное и функциональное приложение-калькулятор, демонстрирующее:

• использование современных frontend-технологий (React + TypeScript);
• адаптивный дизайн с помощью Tailwind CSS;
• автоматическую поддержку системных тем;
• плавные интерактивные анимации через Framer Motion.

---

💡 Возможное использование

• 💻 Веб-приложение для повседневных вычислений
• 🧩 Учебный проект для демонстрации работы с React и Tailwind
• 🎨 Пример интеграции Framer Motion в интерфейс
• 🔧 База для расширения — можно добавить память, журнал, историю или инженерный режим

---

🧠 Основные особенности

• Автоматическое переключение темы (светлая / тёмная)
• Адаптивная вёрстка (поддержка от 320px)
• Сохранение последних вычислений в истории
• Реалистичные анимации при нажатии кнопок
• Цветовая дифференциация кнопок:
  • C — красная
  • ± и % — синие
  • ÷, ×, -, + — оранжевые
  • = — зелёная

---

🌐 Демо

Посмотреть демо в браузере

---

⚙️ Установка и запуск

# Клонирование репозитория
git clone https://github.com/username/react-calculator.git

# Переход в папку проекта
cd react-calculator

# Установка зависимостей
npm install

# Запуск локального сервера
npm run dev
🧾 Лицензия
Проект распространяется под лицензией MIT.
Вы можете свободно использовать, изменять и распространять код с указанием автора.

👨‍💻 Автор
skilledify — Frontend-разработчик
📌 Стек: HTML, CSS, Tailwind, JavaScript, TypeScript, React, Vue, Docker

💬 Если проект понравился — поставь ⭐️ на GitHub, это мотивирует!