Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/harshkumarraghav/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.
https://github.com/harshkumarraghav/periodically

context-api expressjs hacktoberfest javascript material-icons nextjs nodejs react reactjs tailwind-css

Last synced: 21 days ago
JSON representation

Host: GitHub
URL: https://github.com/harshkumarraghav/periodically
Owner: HarshKumarraghav
License: apache-2.0
Created: 2022-07-12T01:24:17.000Z (over 2 years ago)
Default Branch: main
Last Pushed: 2024-02-09T08:52:33.000Z (9 months ago)
Last Synced: 2024-05-02T04:18:33.142Z (6 months ago)
Topics: context-api, expressjs, hacktoberfest, javascript, material-icons, nextjs, nodejs, react, reactjs, tailwind-css
Language: JavaScript
Homepage: https://periodically.tech
Size: 197 MB
Stars: 27
Watchers: 2
Forks: 16
Open Issues: 9
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- Funding: .github/FUNDING.yml
- License: LICENSE
- Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

### [Periodically - The Periodic table](https://periodically.tech)

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](public/Periodically-poster.gif)

## ⚛️ 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](public/periodically-demo.gif)

## 📌 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.

## ✨ 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](public/design_arc.png)

## 🛠️ 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](https://periodically-golang-server.herokuapp.com)

## 💡 Upcoming Feature

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

## Expected JSON Data Format

```JSON
{
"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
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.
```