https://github.com/f3riend/atom-models

A training material for teachers to better teach atoms to students
https://github.com/f3riend/atom-models

atom bohr css dalton educational-project html5 javascript rutherford thomson threejs vitejs

Last synced: about 1 month ago
JSON representation

A training material for teachers to better teach atoms to students

• Host: GitHub
• URL: https://github.com/f3riend/atom-models
• Owner: f3riend
• Created: 2024-04-23T20:00:22.000Z (8 months ago)
• Default Branch: main
• Last Pushed: 2024-04-23T20:13:12.000Z (8 months ago)
• Last Synced: 2024-11-11T05:38:31.198Z (about 2 months ago)
• Topics: atom, bohr, css, dalton, educational-project, html5, javascript, rutherford, thomson, threejs, vitejs
• Language: JavaScript
• Homepage: https://atom-models.vercel.app
• Size: 58.4 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
**Story**

When I was in tenth grade, my teacher asked me to write an educational material for our chemistry teacher's university thesis and gave it to me as a project assignment. The aim was to make it easier for people learning the atomic model and to ensure long-term learning thanks to its interactive interface.

Our chemistry teacher gave us a paper about atomic models and how they should look like.

I've only **used** Three Js and **canvas**

---

![](./assets/atomodel.gif)

---

**Information about atomic models**

- Jhon Dalton

	-  He described atoms as inseparable and solid particles, arguing that each element has its own unique atoms. (1803)

- Joseph John Thomson

	- He discovered the existence of electrons and proposed that the atom is composed of negatively charged electrons moving freely in a positively charged sphere. (1897)

- Ernest Rutherford

	- With the gold foil experiment, he proposed that most of the atom is empty space, with electrons orbiting around a dense nucleus (1911)

- Niels Bohr

	- He proposed that there are positively charged protons and neutrons in the nucleus of the atom and that there are electrons orbiting around it in specific orbits, that the energy levels of the electrons in these orbits are specific, and that they emit light as they pass from certain energy levels to others. (1913)

---

| ![Dalthon](./assets/dalton.png)        | ![Thamson](./assets/thamson.png) |

| -------------------------------------- | -------------------------------- |

| ![Rutherford](./assets/rutherford.png) | ![Bohr](./assets/bohr.png)       |

---

**Installation**

You need to have Node Js  installed on your computer for installation

```bash

npm vite@latest

```

-  Enter the name of the project

	-  Choose Vanilla Js

		-  Select Javascript

```bash

cd projet name

```

```bash

npm install

```

-  Open with Code Editor

	-  Copy the files you downloaded

	-  Open the console

```bash

npm run dev

```