projectPlan

Welcome to my projectPlan!

Introduction

This will be a simple, responsive website detailing how to grow a quick vegetable garden including instructions, images, current weather info based on the locale of the client, a planting zone for the clients area via chart or image. Also included will be a plant identity search API and/or an API that will play music and sounds for plants while they grow via Spotify. Research will be available showing how playing music and sound increases the growth health of plants and gardens. Wireframing images are attached for this project plan. Features will be incorporated throughout the website such as HTML, Javascript, CSS Grid, Flexbox, media queries, integrating 1-2 third party API's, adaptation to mobile and desktop, Fetch API, and Express JS.

Outline for Page One

1. Intro "Welcome" with a brief description of the web page.

2. Instructions on how to grow tomato and basil from seeds indoors. Incorporate CSS grid layout for page.

3. Instructions on how to transfer to pots for growth and instructions for planting in constructed, raised flower beds outside.

4. Weather API from openweathermap.org to for the client to use/know current weather.

5. Top right: Add Search bar, buttons, Nav bar on right in Javascript.

6. Aside container/flexbox with "Seeds that have worked for me".

7. Images below "aside" box from home garden.

8. Plant identity API insertion box w/ search button.

9. Planting zone chart and/or image.

10. Footer with contact info and disclaimers.

Outline for Page Two

1. CSS Grid layout for image boxes showing the process of building a quick garden to completion

2. Share research results on how plants grow healthier with music and sound.

3. Spotify API install for clients to play tunes for their garden.

4. Using arrays to store and retrieve info.

5. *extra* Make an Upload files w/Javascript REST API install so clients can upload a picture of their fav veggie pic/garden using Express.js.

6. Nav bar on right and/or footer for more contact info, perhaps a comment box.

7. Conclusion

Thanks for reading! Stay tuned!