Skip to content

This interactive periodic table web app, built with Flask, offers a user-friendly interface to explore elements. Each element box shows key details like atomic number, symbol, and mass. Users can click to view 3D models, electron configurations, and summaries. Built with HTML, CSS, JS, and model-viewer for 3D rendering.

Notifications You must be signed in to change notification settings

praTeek271/Periodic_Table

Repository files navigation

Periodic Table

An Interactive Periodic Table of Elements


Table of Contents

✨ Features

  • Interactive periodic table
  • Detailed information about each element
  • Search functionality

🔽 Installation

  1. Clone the repository:
    git clone https://github.com/yourusername/periodic-table.git
  2. Navigate to the project directory:
    cd Periodic_Table
  3. Install dependencies:
    pip install -r requirements.txt

If you recieve a "No matching ditribution found for [package]" (A) it is possible you need a virtual enviornment [4-5] or (B) your machine recognizes older versions [7,9]

  1. Install Virtual Environment for Python3:
    sudo apt-get install python3-venv
    python3 -m venv myenv
  2. Channel into the Virtual Environment:
    source myenv/bin/activate

Then [3] Install Dependencies and [7] Start the application

  1. Install old version dependencies:
    pip install -r requirements_2.txt

📌 Usage

  1. To start the application, run:
flask --app app --debug run
  1. Open your browser and go to http://localhost:3000 to view the periodic table.

  2. To start the application with old version dependencies:

export FLASK_APP=app
export FLASK_DEBUG=1
flask run

📸 Screenshots

Screenshot of the Periodic Table Screenshot of the Element Box

Contributing

Contributions are welcome! Please fork the repository and submit a pull request.

⚖️ License

This project is licensed under the MIT License.

👤 Contact

For any questions or feedback, please contact prateekasme@gmail.com.

About

This interactive periodic table web app, built with Flask, offers a user-friendly interface to explore elements. Each element box shows key details like atomic number, symbol, and mass. Users can click to view 3D models, electron configurations, and summaries. Built with HTML, CSS, JS, and model-viewer for 3D rendering.

Topics

Resources

Stars

Watchers

Forks