Explore, manage, and expand your houseplant collection with this full-stack application dedicated to houseplant enthusiasts.
plantgeek.co | Video Demo | Mobile App
PlantGeek is a fully realized live website, brought to life from concept to implementation by me (@v-prt), with a significant contribution from my husband (@j-prt), who adeptly set it up for self-hosting on our Raspberry Pi. The application showcases a frontend built with React and styled-components, and a backend orchestrated using Express, Node.js, and MongoDB through Mongoose.
The website delivers a seamless experience across devices, ensuring responsiveness whether you're on mobile, tablet, or desktop, with a beautiful user interface. Interaction with forms is enhanced through Formik and Yup for validation, providing immediate and helpful feedback. Data synchronization is gracefully managed with React Query.
- Home Page: Site information and featured plants, randomized to highlight different species.
- Sign Up & Login: Secure account creation and login processes, leveraging MongoDB for user data storage, backend password encryption, and JWT for authentication. Session persistence across browser sessions.
- Houseplant Search & Management: Explore hundreds of plants, filter by name or type, and identify pet-friendly options. Add or remove plants from your collection or wishlist, with pagination and a smooth browsing experience.
- Plant Profiles: View detailed care information. Admin capabilities for data management and user options to report inaccuracies.
- User Profiles: Manage collections and wishlists, with options for personalizing your experience.
- Community Contribution: Contribute new plant data, with image storage facilitated through Cloudinary. Admins review contributions.
- Account Settings: Personalize your profile by uploading an image and manage your personal information.
To see more of my projects, visit my portfolio.