Gardencyclopedia

Create your own gardening calendar and diary.

Demo

The demo is hosted on Heroku. Go to Demo and create your own account or use username: [email protected] and password: test1234.

Storybook

The Storybook for the project is hosted on Chromatic.
Go to Storybook to see the UI component library.

Tech Stack

• MongoDB & Mongoose - for database
• Node.js - development server
• Express.js - as Node web framework, for routing
• React.js (Create React App) - for client
• Redux - for state management
• Typescript - for static typing
• WAI-ARIA - for Accessibility
• SASS - as CSS pre-processor
• Storybook - as component library

User stories / features

Authentication

• User can register with a username, (unique) email and password
• User can log in and log out
• All data entered by the user in the app is accessible only to that user

Upcoming:

• User will receive a verification email to confirm and complete the registration
• User can change their email and password
• User can delete their account

Dashboard

Calendar:

• User can create its own gardening calendar by creating new plant entries
• User can record the following information about each plant: name (required), description, category (vegetables/ fruits/ herbs/ flowers), sowing period, harvesting period
• User can filter plants by category
• User can sort plants by name, category, sowing or harvesting period
• User can edit created entries
• User can delete created entries

Upcoming:

• User can search plants by name

Upcoming: Garden

• User can keep track of the plants in their garden
• User can record harvesting dates and yields for each plant
• User can archive selected plants for further reference