Skip to content

Latest commit

 

History

History
52 lines (33 loc) · 1.78 KB

README.md

File metadata and controls

52 lines (33 loc) · 1.78 KB

Periodic Element Search - Glassmorphism Theme

This project is a simple web application that allows users to search for periodic elements based on their symbols. The interface features a glassmorphism design, providing a visually appealing user experience.

Features

  • Search Functionality: Users can type in a partial or full symbol of an element to see matching results.
  • Glassmorphism Design: The interface utilizes a glass-like aesthetic, enhancing visual appeal with blurs and background images.
  • Fullscreen Mode: Users can toggle fullscreen mode for an immersive experience.

Technologies Used

  • HTML: Structure of the web page.
  • CSS: Styling and layout, including glassmorphism effects.
  • JavaScript: Functionality for searching and displaying elements.

Getting Started

Prerequisites

  • A modern web browser (e.g., Chrome, Firefox).

Installation

  1. Clone the repository or download the files.
  2. Create three files:
    • index.html
    • styles.css
    • script.js
  3. Copy the respective code from the provided snippets into each file.
  4. Open index.html in your web browser to view and interact with the application.

Usage

  1. Type a symbol or part of a symbol in the input box.
  2. Click the "Check Elements" button to see matching periodic elements.
  3. Use the "Toggle Fullscreen" button to switch to fullscreen mode.

Example

Example

Screenshot of the Application

Contributing

If you would like to contribute to this project, please fork the repository and create a pull request.

License

This project is open-source and available under the MIT License.