Math-Odyssey Project

Math-Odyssey is an advanced web calculator application designed with HTML, CSS, JS, and Sass. This project features a visually attractive design, showcasing a unique welcome transition and interactive elements.

Features

• Unique Welcome Transition: When the index page opens, a glass door opens with a welcome message appearing along with falling math shapes. The page then automatically redirects to the calculator page.
• Calculator: The calculator page features a contrast color theme and a math formulas falling behind animation effect. Users can perform various calculations seamlessly.
• Theme Change: Four color dots on the right end of the page allow users to change the theme. Clicking any of these dots triggers a shutter effect with a message indicating the theme change.

Technologies Used

• HTML5: For the basic structure of the application.
• CSS3: For styling and layout.
• Sass: For advanced styling features, including variables, mixins, and nesting.
• JavaScript: For interactive elements and functionality.

Getting Started

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

1. Clone the repository:
   git clone https://github.com/CH-RAFAY/Math-Odyssey-Project.git
2. Navigate to the project directory:
   cd Math-Odyssey-Project
3. Open index.html in your browser to view the application.

License

© 2024 AbdulRafay Chaudhry. All rights reserved.