-
-
A full image of the pickles in their periodic habitat
Inspiration
The typical person only knows so many elements from the periodic table. The typical smart person knows every element on the periodic table. Likewise, the typical person only knows a few pickles whereas a truly smart person would know every pickle to exist. This project was designed to guide those lost sheep to true pickle salvation and gain knowledge on every pickle to exist
What it does
This website is a interactive periodic table of pickles where users can hover over elements to get a more in-depth view of the chosen pickle.
How we built it
This was built in React.JS using Express and MongoDB to store the pickle information.
Challenges we ran into
With the project's intention of displaying pickles in a periodic table of elements, it is hard to display pickles... with no pickles. Researching and "experimentally" creating new pickles was a large time sink and if not for proper work management and team management, this project may not have been able to see the light of day.
Accomplishments that we're proud of
One thing we are majorly proud of is the discovery of all the pickles in the periodic table of pickles. Although programming and developing the website was an accomplishment in and of itself, we are especially proud of how we came together and worked as pickle scientists to discover all 108 pickles
What we learned
The most important thing we learned was that planning plays a much larger role in development than previously anticipated. We realized the the more time spent planning a project, the less time the project will actually take. This primarily came from the fact that the code had to be refactored more than once due to poor planning beforehand.
What's next for Pickle Periodic Table
The next step with the pickle periodic table is to show to the world the beauty of pickles by creating an API so that other developers can integrate every pickle in existence into the projects.
Footnote
In order to fit the 35MB submission threshold, some of the images in the client/public/images/folder had to be deleted. If you try to run the project as is, it will not work. Clone from the GitHub repo or just look at the provided website to see it in its full glory.
Log in or sign up for Devpost to join the conversation.