Angles

An interactive, educational web application for exploring and visualizing angles, built with Angular and Tailwind CSS.

🔍 Overview

Angle Visualizer is a dynamic tool designed to help students, educators, and geometry enthusiasts understand and interact with angles in real-time. This application provides an intuitive interface for manipulating angles, visualizing their properties, and exploring related trigonometric concepts.

✨ Features

• Interactive Angle Manipulation: Adjust angles dynamically using input controls or an auto-incrementing timer.
• Real-time Visualization: See angles change on a customizable SVG canvas with a precise grid background.
• Comprehensive Angle Information: View detailed angle properties including degree measure, radian conversion, quadrant, sine, and cosine values.
• Dark Mode Support: Toggle between light and dark themes for comfortable viewing in any environment.
• Responsive Design: Fully responsive layout that works seamlessly on desktop and mobile devices.
• Educational Sidebar: Quick access to related geometric and trigonometric topics for further exploration.

🛠️ Built With

• Angular - The web framework used
• Tailwind CSS - For stylish, utility-first CSS
• SVG - For crisp, scalable graphics

🚀 Getting Started

To get a local copy up and running, follow these simple steps:

1. Clone the repo

   git clone https://github.com/yourusername/angle-visualizer.git

2. Install NPM packages

   npm install

3. Start the development server

   ng serve

🤝 Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request