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

Related tags

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


flutter website GitHub license Google Play Flutter action

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



promo.mp4

Tech Stack

flutter node express mongo

Deployed using

netlify githubactions


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

Setup

Clone the repository
git clone https://github.com/data-charya/Elemental.git
Move to the desired folder
cd Elemental
To install the dependencies, simply write
flutter pub get
To run the app, simply write
flutter run lib/main.dart

Resources

Made with πŸ’™ by Shanwill Pinto

Comments
  • API , BLoC State Management , SharedPreferences usage

    API , BLoC State Management , SharedPreferences usage

    Making APIs for the app so as when the user logs in we give options like favorite elements... and the elements appear with the informstion for each elements like valency and et cetera..... BLoC state managrment wilk decrease the setState().... [email protected]

    GSSoC22 
    opened by seifibrahim32 5
  • Issue in app level build.gradle

    Issue in app level build.gradle

    Describe the bug app level build.gradle shows an error for storeFile. Commenting out this line lets the app run on the emulator but continually shows errors on the Run Console in Android Studio while on the homepage. The errors are Render Errors due to calling the toDouble function on null. I suspect it's an issue with the 'Wanna know something cool' part which never loads (atleast for me)

    To Reproduce Steps to reproduce the behavior:

    1. Clone repo 2.Run on Android Studio on a device

    Expected behavior An error free run

    Screenshots If applicable, add screenshots to help explain your problem. elemental_error image

    GSSoC22 
    opened by nrd26 4
  • Issue in About Section

    Issue in About Section

    Describe the bug I noticed a safe area issue in the about section which makes it less attractive while scrolling.

    To Reproduce Steps to reproduce the behavior:

    1. Run the app on VSCode or any other IDE of your choice. View the app through your emulator or mobile device(I viewed it on a Google Pixel 4 Emulator)
    2. Navigate to the 4th page(About Section) in the bottom navigation bar to view the issue.

    Expected behavior The text widget 'About the Dev' shouldn't be seen in the safe area while scrolling as compared to other sections.

    Screenshots

    about_issue

    If possible, I would love to work on this issue and solve it as soon as possible

    GSSoC22 Level1 
    opened by aikanshboyal 3
  • Can I contribute to this project either after GSSOC?

    Can I contribute to this project either after GSSOC?

    Description

    Can I contribute to this project either after GSSOC?

    Domain

    Android (Flutter)

    Code of Conduct

    opened by seifibrahim32 2
  • Your product is good, but I think your promotional video is better! That's cool! Can you share how you made this promotional video? What software do you need? thank you!

    Your product is good, but I think your promotional video is better! That's cool! Can you share how you made this promotional video? What software do you need? thank you!

    Your product is good, but I think your promotional video is better! That's cool! Can you share how you made this promotional video? What software do you need? thank you!

    opened by guolidaxian 2
  • Directories and files naming convention

    Directories and files naming convention

    Description

    The files and directories naming is not consistent and does not follow the flutter style guide found in the link below.

    https://github.com/flutter/flutter/wiki/Style-guide-for-Flutter-repo

    Domain

    Android (Flutter)

    Code of Conduct

    #15

    opened by hazemtarekelaswad 1
  • Spacing issues

    Spacing issues

    Describe the bug I noticed a few spacing issues in the app where the layout doesn't display according to screen size but has hardcoded values for it

    To Reproduce Steps to reproduce the behaviour:

    1. Run the app on Android Studio or any other IDE of your choice
    2. View the app through your emulator or mobile device(I viewed it on a Google Pixel Emulator and a Samsung Galaxy A50. Different issues showed on both these devices)
    3. Navigate to the 3rd page in the bottom navigation bar to view the spacing between the Bottom Nav Bar and the Elements list
    4. Navigate to the 2nd page, click on the search bar to see a pixel overflowed error.
    5. Type a letter on the same search bar to see the element list. Press the mobile back button to see the spacing between the Bottom Nav Bar and the elements list.
    6. Navigate to the 4th page. The developer description doesn't display fully.

    Expected behaviour There shouldn't be spacing between the lists and the bottom nav bar and in other places

    Screenshots If applicable, add screenshots to help explain your problem.

    Screenshot_1646143721 Screenshot_1646143747 Screenshot_1646143759

    If possible, I would love to work on this issue and solve it as soon as possible

    GSSoC22 Level2 
    opened by nrd26 1
  • [Enhancement] Remove material glow on over-scroll

    [Enhancement] Remove material glow on over-scroll

    I noticed that on scrolling beyond extent on my android phone, the default 'glow' effect was in play. I figured this did not fit in well with the look of the app. So here's a little contribution from my side. Great project by the way xD

    Samples

    • Before the change:

    https://user-images.githubusercontent.com/37346450/127169704-ccbe23e8-a373-45cf-9ecd-f1300e7613e7.mp4

    • After the change

    https://user-images.githubusercontent.com/37346450/127169308-99009ea6-613b-4c6a-bee5-4a63f994f177.mp4

    opened by psk907 1
  • #9 spacing issues

    #9 spacing issues

    Please note that I've modified the following files due to being unable to build the app on my system as shown below:

    • android/app/build.gradle (changed compileSdkVersion and commented out storeFile)
    • android/build.gradle (updated ext.kotlin_version to latest version)
    opened by nrd26 0
  • [ImgBot] Optimize images

    [ImgBot] Optimize images

    Beep boop. Your images are optimized!

    Your image file size has been reduced by 8% πŸŽ‰

    Details

    | File | Before | After | Percent reduction | |:--|:--|:--|:--| | /assets/images/AppIcon.png | 52.68kb | 22.99kb | 56.36% | | /ios/Runner/Assets.xcassets/AppIcon.appiconset/1024.png | 333.63kb | 165.83kb | 50.29% | | /assets/images/flutter.png | 9.84kb | 5.15kb | 47.61% | | /ios/Runner/Assets.xcassets/AppIcon.appiconset/180.png | 35.30kb | 19.19kb | 45.63% | | /ios/Runner/Assets.xcassets/AppIcon.appiconset/120.png | 18.09kb | 11.16kb | 38.30% | | /ios/Runner/Assets.xcassets/AppIcon.appiconset/114.png | 16.74kb | 10.50kb | 37.29% | | /android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_fore.png | 56.13kb | 37.43kb | 33.33% | | /ios/Runner/Assets.xcassets/AppIcon.appiconset/87.png | 10.04kb | 6.88kb | 31.41% | | /android/app/src/main/ic_launcher-playstore.png | 106.15kb | 74.65kb | 29.67% | | /ios/Runner/Assets.xcassets/AppIcon.appiconset/80.png | 8.75kb | 6.20kb | 29.16% | | /web/favicon.png | 0.90kb | 0.64kb | 29.01% | | /web/logo.png | 41.70kb | 30.61kb | 26.59% | | /android/app/src/main/res/mipmap-xxhdpi/ic_launcher_fore.png | 31.78kb | 23.49kb | 26.06% | | /ios/Runner/Assets.xcassets/AppIcon.appiconset/60.png | 5.57kb | 4.20kb | 24.65% | | /ios/Runner/Assets.xcassets/AppIcon.appiconset/58.png | 5.29kb | 4.09kb | 22.74% | | /ios/Runner/Assets.xcassets/AppIcon.appiconset/57.png | 5.12kb | 3.97kb | 22.49% | | /assets/images/linkedin.png | 0.89kb | 0.73kb | 18.20% | | /android/app/src/main/res/mipmap-xhdpi/ic_launcher_fore.png | 18.51kb | 15.41kb | 16.76% | | /assets/Models/Fr.png | 807.19kb | 676.24kb | 16.22% | | /assets/images/insta.png | 1.51kb | 1.27kb | 15.66% | | /assets/Models/Sr.jpg | 124.46kb | 106.50kb | 14.43% | | /assets/Models/Os.jpg | 3,649.08kb | 3,140.29kb | 13.94% | | /assets/Models/Nb.jpg | 104.50kb | 90.22kb | 13.66% | | /assets/Models/Mg.jpg | 450.85kb | 391.60kb | 13.14% | | /ios/Runner/Assets.xcassets/AppIcon.appiconset/40.png | 2.82kb | 2.48kb | 12.10% | | /android/app/src/main/res/mipmap-hdpi/ic_launcher_fore.png | 10.34kb | 9.09kb | 12.10% | | /assets/Models/Zr.jpg | 168.85kb | 149.06kb | 11.72% | | /android/app/src/main/res/mipmap-mdpi/ic_launcher_round.png | 4.79kb | 4.26kb | 11.10% | | /assets/images/git.png | 1.76kb | 1.57kb | 11.03% | | /assets/Models/W.png | 690.42kb | 615.09kb | 10.91% | | /assets/Models/Fm.jpg | 73.79kb | 65.85kb | 10.77% | | /assets/Models/Re.jpg | 160.04kb | 142.83kb | 10.75% | | /assets/Models/Cm.png | 269.14kb | 240.56kb | 10.62% | | /assets/Models/Bh.jpg | 81.75kb | 73.16kb | 10.52% | | /assets/Models/Mt.jpg | 165.36kb | 147.98kb | 10.51% | | /assets/Models/Mo.jpg | 70.52kb | 63.45kb | 10.02% | | /assets/Models/Rb.jpg | 227.68kb | 205.10kb | 9.92% | | /android/app/src/main/res/mipmap-mdpi/ic_launcher_fore.png | 7.13kb | 6.44kb | 9.72% | | /assets/Models/In.jpg | 97.02kb | 87.69kb | 9.62% | | /assets/Models/Rh.jpg | 64.14kb | 58.01kb | 9.56% | | /assets/Models/Sm.jpg | 90.91kb | 82.34kb | 9.43% | | /assets/Models/Th.jpg | 135.59kb | 123.33kb | 9.04% | | /assets/Models/Md.jpg | 68.92kb | 62.78kb | 8.91% | | /assets/Models/Be.jpg | 57.71kb | 52.80kb | 8.52% | | /android/app/src/main/res/mipmap-hdpi/ic_launcher_round.png | 7.83kb | 7.16kb | 8.52% | | /assets/Models/Ir.jpg | 53.20kb | 48.83kb | 8.22% | | /assets/Models/Mn.jpg | 193.46kb | 177.80kb | 8.09% | | /android/app/src/main/res/drawable/splash.jpg | 931.45kb | 857.17kb | 7.98% | | /assets/Models/Cs.jpg | 58.88kb | 54.19kb | 7.97% | | /assets/Models/Cd.jpg | 83.07kb | 76.46kb | 7.96% | | /assets/Models/Se.jpg | 424.95kb | 391.92kb | 7.77% | | /assets/Models/Li.jpg | 180.26kb | 166.50kb | 7.63% | | /assets/Models/V.jpg | 241.28kb | 223.17kb | 7.51% | | /assets/Models/Sn.jpg | 70.13kb | 64.88kb | 7.48% | | /assets/Models/Tm.jpg | 280.02kb | 259.12kb | 7.46% | | /assets/Models/As.jpg | 362.27kb | 335.79kb | 7.31% | | /assets/Models/Er.jpg | 496.58kb | 461.34kb | 7.10% | | /assets/Models/Ti.jpg | 424.35kb | 394.33kb | 7.07% | | /assets/Models/Am.jpg | 643.96kb | 598.89kb | 7.00% | | /assets/Models/Br.jpg | 112.45kb | 104.59kb | 6.99% | | /assets/Models/Bk.jpg | 476.01kb | 442.85kb | 6.97% | | /assets/Models/Ag.jpg | 270.96kb | 252.16kb | 6.94% | | /assets/Models/Ho.jpg | 387.95kb | 361.07kb | 6.93% | | /assets/Models/Ru.jpg | 49.23kb | 45.89kb | 6.79% | | /android/app/src/main/res/mipmap-xhdpi/ic_launcher_round.png | 11.34kb | 10.58kb | 6.73% | | /assets/Models/S.jpg | 102.60kb | 95.74kb | 6.68% | | /assets/Models/Es.jpg | 426.61kb | 398.62kb | 6.56% | | /assets/Models/Ra.jpg | 105.92kb | 98.97kb | 6.56% | | /assets/Models/Pa.jpg | 281.63kb | 263.36kb | 6.49% | | /assets/Models/K.jpg | 71.04kb | 66.46kb | 6.45% | | /assets/Models/Bi.jpg | 975.78kb | 912.90kb | 6.44% | | /assets/Models/Ga.jpg | 265.76kb | 249.01kb | 6.30% | | /assets/Models/Na.jpg | 4,367.13kb | 4,092.48kb | 6.29% | | /assets/Models/Pr.jpg | 149.04kb | 140.04kb | 6.03% | | /assets/Models/Lu.jpg | 179.97kb | 169.11kb | 6.03% | | /android/app/src/main/res/mipmap-xxhdpi/ic_launcher_round.png | 18.56kb | 17.46kb | 5.93% | | /assets/Models/Ba.jpg | 120.13kb | 113.07kb | 5.88% | | /assets/Models/Y.jpg | 117.54kb | 110.65kb | 5.86% | | /assets/Models/Cr.jpg | 628.69kb | 593.60kb | 5.58% | | /assets/Models/Si.jpg | 170.69kb | 161.28kb | 5.52% | | /assets/Models/Ni.jpg | 337.96kb | 319.38kb | 5.50% | | /assets/Models/Rg.jpg | 129.20kb | 122.21kb | 5.41% | | /assets/Models/Gd.jpg | 171.38kb | 162.21kb | 5.35% | | /assets/Models/No.jpg | 173.43kb | 164.25kb | 5.30% | | /assets/Models/Hs.jpg | 80.53kb | 76.27kb | 5.28% | | /assets/Models/Tc.jpg | 220.40kb | 208.78kb | 5.27% | | /assets/Models/Hf.png | 764.98kb | 726.20kb | 5.07% | | /assets/images/sh.jpg | 363.16kb | 345.13kb | 4.97% | | /assets/Models/Sg.jpg | 190.46kb | 181.22kb | 4.85% | | /assets/Models/Rf.jpg | 118.69kb | 113.01kb | 4.78% | | /assets/Models/Yb.jpg | 141.58kb | 134.95kb | 4.68% | | /assets/Models/Te.jpg | 1,227.66kb | 1,172.15kb | 4.52% | | /assets/Models/Eu.jpg | 27.09kb | 25.87kb | 4.50% | | /assets/Models/Hg.jpg | 38.67kb | 36.95kb | 4.45% | | /assets/Models/Al.jpg | 329.54kb | 314.89kb | 4.45% | | /assets/Models/Cl.jpg | 56.53kb | 54.03kb | 4.43% | | /assets/Models/Po.jpg | 42.34kb | 40.54kb | 4.25% | | /android/app/src/main/res/mipmap-xxxhdpi/ic_launcher_round.png | 27.17kb | 26.08kb | 3.99% | | /assets/Models/Ds.jpg | 102.09kb | 98.06kb | 3.95% | | /assets/Models/Nd.jpg | 59.03kb | 56.82kb | 3.76% | | /assets/Models/Pt.png | 875.74kb | 843.56kb | 3.68% | | /assets/Models/Tb.jpg | 96.84kb | 93.35kb | 3.61% | | /assets/Models/Tl.jpg | 235.65kb | 227.17kb | 3.60% | | /assets/Models/B.jpg | 57.36kb | 55.31kb | 3.56% | | /assets/Models/Np.jpg | 399.18kb | 385.71kb | 3.37% | | /assets/Models/Cu.jpg | 5,155.18kb | 4,996.43kb | 3.08% | | /assets/Models/Ac.jpg | 442.78kb | 429.80kb | 2.93% | | /assets/Models/Ce.jpg | 86.72kb | 84.49kb | 2.58% | | /assets/Models/Db.jpg | 10.82kb | 10.55kb | 2.50% | | /assets/Models/Pu.jpg | 25.61kb | 25.03kb | 2.27% | | /assets/Models/F.jpg | 63.09kb | 61.80kb | 2.04% | | /ios/Runner/Assets.xcassets/AppIcon.appiconset/29.png | 1.76kb | 1.73kb | 1.94% | | /assets/Models/Ca.jpg | 139.02kb | 137.93kb | 0.78% | | /assets/Models/La.jpg | 44.37kb | 44.31kb | 0.13% | | /assets/Models/fe.jpg | 36.25kb | 36.25kb | 0.01% | | /assets/Models/Pb.jpg | 866.52kb | 866.51kb | 0.00% | | | | | | | Total : | 35,222.92kb | 32,539.51kb | 7.62% |

    Black Lives Matter | πŸ’° donate | πŸŽ“ learn | ✍🏾 sign

    πŸ“ docs | :octocat: repo | πŸ™‹πŸΎ issues | πŸ… swag | πŸͺ marketplace

    opened by imgbot[bot] 0
  • [ImgBot] Optimize images

    [ImgBot] Optimize images

    Beep boop. Your images are optimized!

    Your image file size has been reduced by 8% πŸŽ‰

    Details

    | File | Before | After | Percent reduction | |:--|:--|:--|:--| | /assets/images/loader.gif | 19.74kb | 10.62kb | 46.21% | | /web/favicon.png | 0.90kb | 0.64kb | 29.01% | | /android/app/src/main/res/drawable/splash.jpg | 931.45kb | 857.17kb | 7.98% | | /assets/Models/fe.jpg | 36.25kb | 36.25kb | 0.01% | | | | | | | Total : | 988.35kb | 904.67kb | 8.47% |

    Black Lives Matter | πŸ’° donate | πŸŽ“ learn | ✍🏾 sign

    πŸ“ docs | :octocat: repo | πŸ™‹πŸΎ issues | πŸ… swag | πŸͺ marketplace

    opened by imgbot[bot] 0
Releases(v1.1)
Owner
Shanwill Pinto
Flutter | ML | AI | Full-Stack
Shanwill Pinto
GitHub https://elemental3d.shanwillpinto.tech
Flutter package: Json Table Widget to create table from json array

Json Table Widget ?? Proudly Sponsored by FieldAssist Request a Demo This Flutter package provides a Json Table Widget for directly showing table from

Ayush P Gupta 193 Jan 7, 2023
A iOS like table view including section, row, section header and divider

flutter_section_table_view A iOS like table view including section, row, section header and divider Support both Android and iOS Support drop-down ref

刘彦博 73 Nov 4, 2022
-UNDER DEVELOPMENT- a project built demonstrating model view view model architecture

mvvm_project A new Flutter project. Getting Started This project is a starting point for a Flutter application. A few resources to get you started if

Atuoha Anthony 4 Nov 28, 2022
A modern app made with Flutter to track the chemical elements.

Elements A modern app to track the chemical elements. Including all 118 elements, with their weight, radiation, consistency, type, block, and electron

KristΓ³f KΓ©kesi 13 Nov 28, 2021
It's OK to love Flutter and hate hand-coding design elements. Parabeac-Core converts design files into Flutter code.

Parabeac-Core Parabeac-Core converts design files into Flutter code driven by open-source & community. Contribute Β· Discord Community Β· Designer Proto

Parabeac 536 Jan 4, 2023
Design system flutter - A framework contains SBB (Swiss Federal Railways) UI elements for Flutter Apps

Design System Mobile for Flutter Design System Mobile in Flutter (yes, it could

Swiss Federal Railways (SBB) 14 Dec 22, 2022
Canton Design System elements and resources for Flutter.

Canton UI Canton UI elements and resources for Flutter. Examples in Apps Notes App News App Elisha Description This includes things such as themes (co

Carlton Aikins 10 Dec 17, 2022
A #Flutter package that let you draw a flow chart diagram with different kind of customizable elements

Flutter Flow Chart A package that let you draw a flow chart diagram with different kind of customizable elements. Dashboards can be saved for later us

Marco Bavagnoli 50 Jan 1, 2023
A simple widget for having UI elements that respond to taps with a spring animation.

spring_button A simple widget for having child widgets that respond to gestures with a spring animation. Media | Description | How-to-Use Media Watch

AliYigitBireroglu 73 Oct 26, 2022
Grid-View-App - Grid View App For Flutter

grid_view_app practice purpose flutter application Getting Started This project

Md Tarequl Islam 4 Jun 9, 2022
Flutter list view - An unofficial list view for flutter

Flutter List View I don't like official list view. There are some features don't

null 24 Dec 15, 2022
Swipeable button view - Create Ripple Animated Pages With Swipeable Button View

swipeable_button_view You can create ripple animated pages with swipeable_button

cemreonur 3 Apr 22, 2022
Flutter table with dio and provider - A flutter Application created for Portfolio Page

My LinkedIn https://www.linkedin.com/in/marcelo-augusto-a60b6821a/ Intro This is

Marcelo Augusto 1 Jan 18, 2022
A Flutter widget to create an iOS settings-table (static TableView).

flutter_cupertino_settings A Flutter widget to create an iOS settings-table (static TableView). import 'package:flutter_cupertino_settings/flutter_cup

Matthias Rupp 234 Dec 28, 2022
CRUD Table Flutter consists of a Lazy loading function, resizable columns, and integrated CRUD Form.

CRUD Table Flutter CRUD Table Flutter is a package for crating CURD-UI for your entity/object/class easily. It consists of a Lazy loading function, re

null 10 Dec 31, 2022
This library allows you to create editable tables and spreadsheets with ease, either by providing initial row and column count to display an empty table or use it with predefined rows and column data sets.

Editable ⚑️ A highly customizable, editable table package for Flutter projects. Specs This package allows you to create editable tables and spreadshee

Godwin Asuquo 94 Dec 7, 2022
Time Table application specifically aimed towards students. Share Time-Tables. Suggest Updates.

Time-Table-App Time Table application specifically aimed towards students. Tech stack Project is created by: Flutter: 2.8.1 Dart: 2.15.1 Planned Featu

PEC ACM CSS 8 Oct 7, 2022
A Food App using Flutter & Firebase to post and view food blogs along with their recipes.

A Food App using Flutter ?? & Firebase ?? About the App ?? FoodLab is a App to post and view food blogs along with their recipes if you want ?? ! Logi

Shivani Singh 170 Dec 24, 2022
This is an auction application just like eBay. Using firebase as the backend for signup & sign-in functionality. In addition to that, it's a two pages application with user bid in input and count down view.

Nilam This is an auction application just like eBay. Using firebase as the backend for signup & sign-in functionality. In addition to that, it's a two

Md. Siam 5 Nov 9, 2022