https://github.com/data-charya/elemental

A periodic table app with 3D view of the elements built using flutter.
https://github.com/data-charya/elemental

3d blender dart flutter periodic-table-of-elements ui

Last synced: 4 days ago
JSON representation

A periodic table app with 3D view of the elements built using flutter.

• Host: GitHub
• URL: https://github.com/data-charya/elemental
• Owner: data-charya
• License: mit
• Created: 2021-06-17T16:14:09.000Z (over 3 years ago)
• Default Branch: master
• Last Pushed: 2023-07-13T02:33:51.000Z (over 1 year ago)
• Last Synced: 2023-07-13T03:28:21.260Z (over 1 year ago)
• Topics: 3d, blender, dart, flutter, periodic-table-of-elements, ui
• Language: Dart
• Homepage: https://elementalapp.netlify.app/
• Size: 78.2 MB
• Stars: 54
• Watchers: 1
• Forks: 16
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Code of conduct: CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

        


  

  


   

  








![flutter](https://img.shields.io/badge/Flutter%20ver.-2.2.2-blue?style=for-the-badge&logo=flutter)

[![website](https://img.shields.io/badge/Website-online-green?style=for-the-badge&logo=chrome)](https://elemental3d.shanwillpinto.tech)

[![GitHub license](https://img.shields.io/badge/license-MIT-red.svg?style=for-the-badge)](https://github.com/data-charya/Elemental/blob/master/LICENSE)

[![Google Play](https://img.shields.io/badge/Android-3DDC84?style=for-the-badge&logo=android&logoColor=white)](https://play.google.com/store/apps/details?id=io.shanwill.elemental)

[![Flutter action](https://github.com/data-charya/Elemental/actions/workflows/flutter.yml/badge.svg?style=for-the-badge?branch=master)](https://github.com/data-charya/Elemental/actions/workflows/flutter.yml)



#### A flutter app which takes you on a 3d visualisation of the 118 elements of the periodic table.















  



https://user-images.githubusercontent.com/62848565/124614909-5e15a380-de92-11eb-950a-e5eb422324a8.mp4




## Tech Stack

[![flutter](https://img.shields.io/badge/Flutter-blue?style=for-the-badge&logo=flutter)](https://flutter.dev/)

[![node](https://img.shields.io/badge/Node.js-43853D?style=for-the-badge&logo=node.js&logoColor=white)](https://nodejs.org/en/)

[![express](https://img.shields.io/badge/Express.js-404D59?style=for-the-badge)](https://expressjs.com/)

[![mongo](https://img.shields.io/badge/MongoDB-4EA94B?style=for-the-badge&logo=mongodb&logoColor=white)](https://www.mongodb.com/)




## Deployed using

[![netlify](https://img.shields.io/badge/Netlify-00C7B7?style=for-the-badge&logo=netlify&logoColor=white)](https://www.netlify.com/)

[![githubactions](https://img.shields.io/badge/GitHub%20Actions-100000?style=for-the-badge&logo=github&logoColor=white)](https://github.com/features/actions)




## How it all began

It all started with a small idea to provide students a visual aid to know the elements. The logo is inspired from the structure of an atom. The app aims to get students closer to the elements by giving them an upclose view of all the 118 elements of the periodic table. 




![1](https://user-images.githubusercontent.com/62848565/124788842-5ecc3980-df67-11eb-9597-6c3638cb583e.png)

## Setup

  ##### Clone the repository

```bash

git clone https://github.com/data-charya/Elemental.git

```

  ##### Move to the desired folder

```bash

cd Elemental

```

  ##### To install the dependencies, simply write

```bash

flutter pub get

```

  ##### To run the app, simply write

```bash

flutter run lib/main.dart

```



## Resources 

- Flutter

- Blender

- Packages for flutter



## Made with 💙 by  Shanwill Pinto