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

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

Issues
  • 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
  • [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
  • [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
  • Create LICENSE

    Create LICENSE

    opened by data-charya 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
  • About page changes made

    About page changes made

    opened by data-charya 0
Releases(v1.1)
Owner
Shanwill Pinto
Flutter | ML | AI | Full-Stack
Shanwill Pinto
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 219 Dec 19, 2021
Flutter Split View and Drawer Navigation example

Flutter Split View and Drawer Navigation example This repo contains the source code for this tutorial: Responsive layouts in Flutter: Split View and D

Andrea Bizzotto 14 Dec 20, 2021
Sticker chat is a messaging application built using Flutter, Stream, and Rive

Sticker Chat ?? Sticker chat is a messaging application built using Flutter, Stream, and Rive. It allows users to send and receive messages in real-ti

Neevash Ramdial (Nash) 41 Jan 1, 2022
An application built using Flutter that can be used while playing board games if actual or physical dice is missing . This is a dual dice application.

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

dev_allauddin 4 Nov 17, 2021
A News App in Flutter using the newsapi.org API and using Bloc.

flutter_newsapp A News App using API from newsapi.org and using Bloc. Working ⚑ Screenshots =>=> ⚑ video Before Running Replace the <API_KEY> in lib/r

Arunoday kumar 10 Nov 27, 2021
A weather app built to learn how to use Canvas and Animation in Flutter.

Weather Quick Disclaimer I removed my private OpenWeather API key from the repo, if you want to get the weather forecast use your own in the openweath

Alessandro Aime 143 Jan 11, 2022
On Demand Doctor Appointment Booking App Built in Flutter

flutter_doctor_appointment_booking_app Getting Started flutter_doctor_appointment_booking_app project has "main.dart" as Entry Point. Hire Me Drop me

Kalpesh Khandla 18 Jan 19, 2022
A 3D pushable button built in Flutter. Ideal for important CTAs in the app.

Pushable Button A 3D pushable button built in Flutter. Ideal for important CTAs in the app. Usage PushableButton( child: Text('ENROLL NOW', style: s

Andrea Bizzotto 14 Nov 8, 2021
An Open Source Todo App Built with Flutter

taskit Not Just Another Todo App. P.S: An App build to test the features of Flutter and will continue to update as the world of flutter expands along

Bala Krishna 18 Nov 29, 2021
Login page built with @flutter 😍

The Gorgeous Login A login page built with flutter inspired by a design found on Uplabs Uplabs design Flutter rendering Contributors Code Contributors

Hugo EXTRAT 1.5k Jan 15, 2022
A set of real world timelines to showcase the use of timeline_tile package, built with Flutter.

beatiful_timelines Beautiful timelines built with Flutter and timeline_tile. Current examples: Timeline Showcase Football Timeline Activity Timeline S

null 188 Dec 21, 2021
A Productivity Mobile Application UI kit built with Flutter

Taskez A productivity mobile application UI kit built with Flutter Designs and inspiration by Taskez IOS UI kit. Application Flow - Youtube Show some

Davies Kwarteng 418 Jan 12, 2022
Built for ADA project

ADA Project Learn, visualize and play around some of the popular multimedia compression/encoding algorithm, right from your smartphone. Built by: Madh

Madhavendra Pratap Singh 3 May 12, 2021
A todo app using firebase and flutter as part of youtube series

Welcome to flutter-with-firebase ?? This project made for those whowanted to learn about the firebase and thier Auth, Cloud Storage and Cloud function

Balram Rathore 37 Dec 23, 2021
This is a foods listing app, using Flutter

Feeddy ?? This is a foods listing app, using Flutter. It is a multi screen app with a simple functionality but with a full-on custom styling. Extra De

Reinier GarcΓ­a Ramos 5 Jun 16, 2021
Today we will show you how you can create your developer portfolio website and app using flutter.

Responsive and Animated Portfolio Website & App - Flutter UI Live Preview Watch it on YouTube Packages we are using: flutter_svg: link goole_fonts: li

Abu Anwar 146 Jan 15, 2022
Bhagavad Gita app using flutter & Bhagavad-Gita-API is A lightweight Node.js based Bhagavad Gita API [An open source rest api on indian Vedic Scripture Shrimad Bhagavad Gita].

Gita Bhagavad Gita flutter app. Download App - Playstore Web Application About Bhagavad Gita app using flutter & Bhagavad-Gita-API is A lightweight No

Ravi Kovind 7 Sep 29, 2021
Challenge yourself every weekend with flutter. Join me to implement challenging UI & digital designs using Flutter.

Weekend With Flutter This is my new challenge. Every weekend, I want to implement challenging UI & digital designs using Flutter. you can join me with

Payam Zahedi 15 Jan 9, 2022
Simple tool to open WhatsApp chat without saving the number, developed using Google's Flutter Framework. for Android/ IOS/ Desktop/ Web

OpenWp Simple tool to open WhatsApp chat without saving the number Explore the docs Β» View Demo Β· Report Bug Β· Request Feature Table of Contents About

Swarup Bhanja Chowdhury 15 Dec 18, 2021