An interactive, educational web application for exploring and visualizing angles, built with Angular and Tailwind CSS.
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.
- 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.
- Angular - The web framework used
- Tailwind CSS - For stylish, utility-first CSS
- SVG - For crisp, scalable graphics
To get a local copy up and running, follow these simple steps:
-
Clone the repo
git clone https://github.com/yourusername/angle-visualizer.git
-
Install NPM packages
npm install
-
Start the development server
ng serve
Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are greatly appreciated.
- Fork the Project
- Create your Feature Branch (git checkout -b feature/AmazingFeature)
- Commit your Changes (git commit -m 'Add some AmazingFeature')
- Push to the Branch (git push origin feature/AmazingFeature)
- Open a Pull Request