๐ฟ FloraFind
FloraFind is an AI-powered plant identification application that helps users discover and learn about the flora around them. Built with modern web technologies, it offers a seamless experience for plant enthusiasts, gardeners, and nature lovers.
โจ Features
- ๐ธ Instant Plant Identification: Take a photo or upload an image to identify plants in real-time
- ๐จ Beautiful UI/UX: Modern, responsive design with smooth animations and transitions
- ๐ Dark/Light Mode: Seamless theme switching for comfortable viewing
- ๐ฑ Mobile-First: Optimized for both mobile and desktop experiences
- ๐ Secure Authentication: Email/password and Google OAuth integration
- ๐๏ธ Personal Garden: Save and organize your identified plants
- ๐ค AI-Powered: Advanced plant recognition using state-of-the-art AI models
๐ Tech Stack
- Framework: Next.js 15 with App Router
- Styling: Tailwind CSS with shadcn/ui
- Authentication: Supabase Auth
- Database: Supabase
- AI Integration: GenKit AI
- Animations: Framer Motion
- Form Handling: React Hook Form
- Type Safety: TypeScript
๐ ๏ธ Installation
Clone the repository:
git clone https://github.com/not-just-pratul/FloraFind.git cd FloraFindInstall dependencies:
npm installSet up environment variables: Create a
.env.localfile with the following variables:NEXT_PUBLIC_SUPABASE_URL=your_supabase_url NEXT_PUBLIC_SUPABASE_ANON_KEY=your_supabase_anon_key GENKIT_API_KEY=your_genkit_api_keyRun the development server:
npm run dev
The application will be available at http://localhost:9002
๐ฆ Build
To create a production build:
npm run build
npm start
๐งช Development
npm run dev- Start development server with Turbopacknpm run dev:clean- Start fresh development servernpm run genkit:dev- Start GenKit AI developmentnpm run typecheck- Run TypeScript type checkingnpm run lint- Run ESLint
๐ Browser Support
FloraFind supports all modern browsers:
- Chrome/Edge (latest)
- Firefox (latest)
- Safari (latest)
๐ฑ Mobile Features
- Camera integration for instant plant photos
- Image compression for optimal performance
- Responsive design for all screen sizes
- Touch-friendly interface
- Progressive Web App (PWA) capabilities
๐ Security Features
- Secure authentication flow
- Protected API routes
- Input validation and sanitization
- File upload restrictions and validation
- Secure session management
๐ค Contributing
Contributions are welcome! Please feel free to submit a Pull Request. For major changes, please open an issue first to discuss what you would like to change.
๐ License
This project is licensed under the MIT License - see the LICENSE file for details.
๐ Acknowledgments
- Plant identification powered by GenKit AI
- UI components from shadcn/ui
- Icons from Lucide React
- Fonts from Google Fonts
Made with ๐ by Pratul
Log in or sign up for Devpost to join the conversation.