Skip to content

johnnylemonny/naturenode

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 

History

43 Commits
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

๐ŸŒฟ NatureNode

React Tailwind CSS Gemini API PWA

NatureNode is a professional biodiversity research and identification tool. Designed for field researchers and nature enthusiasts, it leverages state-of-the-art AI to transform simple photos into comprehensive ecological dossiers.

NatureNode Desktop Interface

๐ŸŒŸ Key Features

  • Botanical Precision UI: A high-density, research-oriented design system using Tailwind CSS v4 and the OKLCH color model for superior visual clarity.
  • AI-Driven Identification: Powered by Google Gemini 3 Flash for instant, high-accuracy recognition of plants, animals, insects, and fungi.
  • Specimen Journal: A persistent, local history of all your discoveries, allowing you to build your own personal biodiversity database.
  • ๐Ÿ“ฑ PWA & Offline Support: Fully installable as a Progressive Web App. Designed to work in the field with robust offline capabilities.
  • ๐Ÿ—บ๏ธ Manual Location Mapping: Easily log observation points by town or area name.
  • ๐Ÿ“ Google Maps Integration: One-click navigation and mapping of find locations directly in Google Maps.
  • Ecological Insights: Detailed data on conservation status (IUCN), habitats, native ranges, and protection guidelines for every specimen.
  • Privacy First: Your Gemini API key and discovery history are stored safely in your local browser storageโ€”never on a server.

๐Ÿ› ๏ธ Tech Stack

  • Core: React 19 (App Router patterns) + TypeScript
  • Build Tool: Vite 8 (Rolldown)
  • Styling: Tailwind CSS v4 + Lucide Icons
  • PWA: Vite PWA Plugin + Workbox
  • AI: Google Generative AI SDK

๐Ÿš€ Getting Started

  1. Clone the repository:

    git clone https://github.com/johnnylemonny/naturenode.git
    cd naturenode
  2. Install dependencies:

    pnpm install
  3. Launch the lab:

    pnpm dev
  4. Configuration: The application requires a Gemini API key. Obtain a free key from Google AI Studio and enter it in the app settings.

๐ŸŒ Vision

NatureNode was built to foster a deeper connection between technology and the natural world. By making biodiversity data accessible and engaging, we aim to inspire conservation efforts and ecological awareness globally.

๐Ÿ“œ License

MIT


Developed with โค๏ธ by John.

About

๐ŸŒฟ NatureNode: A premium Progressive Web App (PWA) for advanced biodiversity identification. Powered by Google Gemini AI, featuring professional field research tools, specimen journaling, and ecological conservation insights. Built as part of the DEV Weekend Challenge.

Topics

Resources

License

Contributing

Stars

Watchers

Forks

Sponsor this project

Contributors