Inspiration
We believe that Smart Sprout is all about plants and sustainability. We realized that most people loved plants and wants to bring some greenery into her home but she didn't have much experience with plant care and didn't know where to start. That's why we have decided to create the app "Smart Sprout" where it has a user-friendly and comes with plant care resources with the help of "Smart Sprout" anyone will be able to take care of their plants and get all of the information to care for them properly.
What it does
SmartSprout is an app that uses local weather data and plant-specific growth conditions to provide dynamic plant care advice.
How we built it
We designed the UI and built the proof-of-concept demo using Figma. The web app was developed using Bootstrap, OpenWeather API, Google Maps API, Perenual Plant API and House Plants API.
Challenges we ran into
Project scope: We had initially planned for features such as a calendar and a push notification system. However, we were unable to implement these within the span of the hackathon due to our limited web development experience.
Data collection: We struggled to find complete and comprehensive APIs for retrieving optimal plant growth conditions. Eventually, we were able to combine data from Perenual Plant API and House Plants API.
Accomplishments that we're proud of
We are excited to share that we have created a functional prototype of our logo design and animation robot for our website and mobile apps. Using Figma and templates, we were able to bring our ideas to life and create stunning visuals. By utilising online resources, we were able to enhance our designs and illustrate our concepts with precision.
What we learned
To create a website like "Smart Sprout" provide us learning experience in the website development and design.
- How to design and prototype using Figma
- How to retrieve data using web APIs
- How to use HTML, CSS, JavaScript and Bootstrap
HTML provides the foundation for creating the structure of the website. It enables you to define headings, paragraphs, images, links, and other elements that make up the website's content. By learning HTML, you gain the knowledge to organize and present information effectively on a web page.
CSS is used to style the website's content and layout. It provides the ability to apply different fonts, colors, backgrounds, and other visual effects to make the website visually appealing and user-friendly. By learning CSS, you can improve your design skills and create a consistent look and feel for your website.
JavaScript adds interactivity and functionality to the website. It enables you to create dynamic effects such as pop-up windows, scrolling animations, and interactive forms. By learning JavaScript, you can add new features and enhance the user experience of your website.
Figma is a design tool that enables you to create visually appealing and responsive web designs. It provides features such as layers, grids, and templates that make it easy to create designs that look great on all devices. By using Figma, you can refine your design skills and create professional-looking website designs.
Overall, using HTML, CSS, JavaScript, and Figma to create a website like "Smart Sprout" provides an excellent learning opportunity in website development and design. By utilizing these tools, you can create a website that is both visually appealing and user-friendly, while also gaining valuable skills that can be applied to future web projects.
What's next for Smart Sprout
For our upcoming plan, smart sprout is willing to expand our product offerings and improve our users experience for our customers. In the next few months, we plan to launch new features that will help users to manage their plant care needs such as:
Releasing a community forum: This is where users from "Smart Sprout" are able to connect with other plant experts where they are able to share tips and advice to improve their skills for plant care as well as getting help with any plant related questions.
Mobile App: We are currently developing a mobile for smart sprout that will allow user to access their account, manage their plants on the go.
New Plant Products: We will be adding a variety of new plant products to our online store, including a wider selection of indoor and outdoor plants, plant care tools and accessories, and more.
Plant Diagnosis Tool: We plan to develop a tool that can help users diagnose plant problems and provide recommendations for treatment or care. This tool will use machine learning and image recognition technology to analyze photos of plants and provide customized solutions based on the specific issue.
Plant Care Guides: We will be adding a comprehensive library of plant care guides to our website, featuring detailed information on how to care for a wide variety of plants. These guides will include tips on watering, fertilizing, pruning, and other important aspects of plant care.
Subscription Service: We are exploring the possibility of offering a subscription service that would provide users with regular deliveries of plants, plant care products, and other related items. This service would be customizable based on the user's preferences and needs.
In conclusion, our plan is to provide engaging activities and experience for our users while also promoting sustainable living and plant care practices. We are excited for our upcoming plan and hope to grow and expand our offerings to our customers, we look forward to share these upcoming developments within our community of plant care.
Log in or sign up for Devpost to join the conversation.