/Math-Odyssey-Project

Math-Odyssey is an advanced web calculator application with a visually attractive design, featuring unique welcome transitions and interactive theme-changing elements.

Primary LanguageCSSMIT LicenseMIT

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.