Calculator App UI

This project is a solution to the Frontend Mentor Challenge 🏆: Calculator App. you It focuses on building a responsive and visually appealing calculator application user interface while leveraging modern web development tools and libraries.

Features ✨

• 📱 Responsive design optimized for various screen sizes.
• 🎨 Clean and modern UI with a focus on usability.
• ⚛️ Built with React and TypeScript for a robust and scalable architecture.
• 🗂️ State management using Zustand for a seamless user experience.
• ➗ Mathematical expression evaluation powered by the expr-eval library.
• ✅ Fully tested components and functionality using Vitest and React Testing Library.

Technologies Used 🛠️

• React: For building the user interface ⚛️.
• TypeScript: For type safety and better developer experience 🛡️.
• Tailwind CSS: For styling and responsive design 🎨.
• Vite: For fast and efficient development and build processes ⚡.
• Vitest: For unit and integration testing 🧪.
• React Testing Library: For testing React components 🧩.
• Zustand: For state management 🗂️.
• expr-eval: For evaluating mathematical expressions ➗.

Getting Started 🚀

1. Clone the repository:

   git clone https://github.com/your-username/calculator-app-ui.git

2. Navigate to the project directory:

   cd calculator-app-ui

3. Install dependencies:

   npm install

4. Start the development server:

   npm run dev

5. Open your browser and navigate to http://localhost:5173 to view the app 🌐.

Testing 🧪

To run the tests, use the following command:

npm run test

Challenge 🎯

This project is part of the challenges provided by Frontend Mentor 🌟. It helps developers improve their front-end skills by working on real-world projects.

License 📜

This project is licensed under the MIT License 📝.