/periodically

Periodically - is a free web application which displays the entire Periodic Table at startup interface. The table has a long- form approved by the International Union of Pure and Applied Chemistry (IUPAC) as the core.

Primary LanguageJavaScriptApache License 2.0Apache-2.0

We all remember the times when we used to struggle to remember the names, properties, groups, etc. of periodic elements. Those sweet-saur nostalgic school memories of memorizing the whole periodic table for our upcoming Unit test used to be a nightmare for many of us! The periodic table is the heart of chemistry and to make its learning more fun and engaging, the idea to build "Periodically-The Periodic Table" was born.

Periodically

⚛️ Why a periodic table

In the Periodically web application you will find a huge amount of data about chemical elements for free. You will learn a lot of new and are useful for yourself, no matter if you are a schoolboy, student, engineer, housewife, or a person of any other provisions that do not have a refresher in Chemistry.

The chemistry falls into to a number of the most important sciences and is one of the main school objects. Its studying begins with the Periodic Table. An interactive approach to a training material is more effective than a classical one. As in it technologies which became the family for the modern pupils are used.

Periodically Demo

Video

📌 Description

Periodically - is a free web application that displays the entire Periodic Table at the startup interface. The table has a long- form approved by the International Union of Pure and Applied Chemistry (IUPAC) as the core. Besides the Periodic Table of chemical elements, you can use the Table of solubility.

The chemistry falls into to a number of the most important sciences and is one of the main school objects. Its studying begins with the Periodic Table. An interactive approach to a training material is more effective than a classical one. As in it technologies which became the family for the modern pupils are used.

✨ Features

  • Displays the entire Periodic Table at the startup interface.
  • Thought of the day.
  • When you click on any element provides information that is constantly updated.
  • For most of the items have an image.
  • For more information, there are direct links to Wikipedia for each item
  • Table solubility
  • To find any element you can use the search. The search engine is not choosy to the registry or writing style search.
  • You can sort the items into 10 categories: • Alkaline earth metals • Other nonmetals Alkali metals • Halogens • Transition metals • Noble gases • Semiconductor • Lanthanides • Metalloids • Actinides Elements of the selected category will be listed in the search results and are highlighted in the table on the main application screen.

🛠️ Design Architecture

Periodically

🛠️ Periodically_golang_servers (API)

A simple Golang API for Periodic Table Elements returns in JSON format. You can access the data by using this link: Periodically

💡 Upcoming Feature

  • Authentication
  • Periodical Table - History
  • Subscription-based data
  • payment system (stripe or Paytm)
  • Newsletter
  • Contact us page

Expected JSON Data Format

{
  "name": "Hydrogen",
  "appearance": "colorless gas",
  "atomic_mass": 1.008,
  "boil": 20.271,
  "category": "diatomic nonmetal",
  "color": null,
  "density": 0.08988,
  "discovered_by": "Henry Cavendish",
  "melt": 13.99,
  "molar_heat": 28.836,
  "named_by": "Antoine Lavoisier",
  "number": 1,
  "period": 1,
  "phase": "Gas",
  "source": "https://en.wikipedia.org/wiki/Hydrogen",
  "spectral_img": "https://upload.wikimedia.org/wikipedia/commons/e/e4/Hydrogen_Spectra.jpg",
  "summary": "Hydrogen is a chemical element with chemical symbol H and atomic number 1. With an atomic weight of 1.00794 u, hydrogen is the lightest element on the periodic table. Its monatomic form (H) is the most abundant chemical substance in the Universe, constituting roughly 75% of all baryonic mass.",
  "symbol": "H",
  ":": 1,
  "ypos": 1,
  "shells": [1],
  "electron_configuration": "1s1",
  "electron_configuration_semantic": "1s1",
  "electron_affinity": 72.769,
  "electronegativity_pauling": 2.2,
  "ionization_energies": [1312],
  "cpk-hex": "ffffff"
}

💻 Development

Install Repository

git clone https://github.com/HarshKumarraghav/periodically_webapp

Run Project

Install node modules and run the project.

npm install
or
yarn install
npm run dev
or
yarn run dev

Finish

Your project is running on https://localhost:3000.