Team M-tech present Seedlings

Seedings is an App targeted for children to help develop their allotments and grow their own crops.

The Seedlings App is designed with many interactive and engaging components with children in mind, from confetti canons for planting seeds, water droplets when clicked to water, tinder cards to select seeds and an array of 2D/3D images. In this digital age, it allows children to become immersed with the potential of their own garden and be more outside. The ability to choose seeds of vegetables and fruit that will grow best in the conditions that they have. They can collect images of their crops as they develop and grow to be able to have a gif created for weekly engagement. There is also a tally of successful harvests and interactive buttons throughout.

Seedlings Demo Video | Northcoders Project Presentations

Seedlings Demo Video | Northcoders Project Presentations

Team M-tech

Taylor KirkPreview: Taylor Kirk

Taylor Kirk

Heather ArmstrongPreview: Heather Armstrong

Heather Armstrong

Chloe JennerPreview: Chloe Jenner

Chloe Jenner

Emma MaddocksPreview: Emma Maddocks

Emma Maddocks

Mohamed DaoudPreview: Mohamed Daoud

Mohamed Daoud

Tech Stack

We used MongoDB, mongoose, ExpressJS, nodeJS, BCrypt HASH, Cyclic, ReactJS, 3drei, Axios, Spline, threeJS, GSAP, Chakra UI.

In our backend we use this opportunity to try a no SQL database as these are commonly found throughout the industry. BCrypt was an ideal choice to ensure password safety for the login components.
In the frontend we wanted the option to make the site interactive so implemented threeJs, GSAP and an animation site called Spline. We decided to use React as it has many libraries we can interact with such as react-tinder-card and react-confetti. Chakra was an opportunity to step away from styling. in a separate file such as CSS to have an opportunity to style within each component.

Tech StackPreview: Tech Stack