Home

Awesome

PeTaL (Periodic Table of Life)

The Periodic Table of Life (PeTaL, pronounced petal) is a design tool aimed at allowing users to seamlessly move from ideas (from nature or other sources) to design.

PeTaL is comprised of multiple interconnected services. This repository is for the ReactJS web front end client. There are other repositories for the API and database, and Labeller.

Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes. See deployment for notes on how to deploy the project to a production system.

Uses the create-react-app material-ui example.

After cloning this repo run:
npm install
npm start

or
yarn install
yarn start

Contributing

We're using the Git Feature Branch workflow, to contribute code to the code base. To summarize, master should always contain only stable, tested code. To work on a change, first create a feature branch off of master, perform your changes, and when your code is ready, submit a pull request to merge your branch with master.

Deployment

npm run deploy
https://create-react-app.dev/docs/deployment/#github-pages

View site at https://nasa-petal.github.io/PeTaL/

Layout

Legacy Code

For the Django version as it existed in 2020 see the master-legacy-2020 branch. For Flask version of PeTaL as it existed in 2019, see the /legacy/ directory in the master-legacy-2020 branch.

Since the HTML/CSS/Javascript is similar to what is currently used, and some code is shared, this is kept close-by, potentially serving as a reference for future developers to build upon.

One module in the legacy code, Biomole, makes use of code written by Soren Knudsen. The code is available at https://github.com/sknudsen/biomole.

The code makes use of data from AskNature that is not in the published source due to property rights. Instead, you can get the data from the links below to see a working version:

http://biomole.asknature.org/json/hierarchy.json

http://biomole.asknature.org/json/strategies.json

Useful Tutorials

https://www.youtube.com/watch?v=BYbgopx44vo https://www.youtube.com/watch?v=DLX62G4lc44

Project Team

PeTaL 0.4

PeTaL 0.3

PeTaL 0.2

PeTaL 0.1 - R