Skip to content

Latest commit

Β 

History

History
100 lines (64 loc) Β· 2.74 KB

File metadata and controls

100 lines (64 loc) Β· 2.74 KB

NaHriby! πŸ„

NaHriby! is an interactive web application for mushroom enthusiasts. Built using React and Supabase, the app allows users to explore mushroom locations on a map, view and edit mushroom entries, share recipes, and manage favorite content.

πŸ§ͺ This project was created as part of the User Interface Programming (ITU) course at Brno University of Technology.


πŸš€ Features

  • πŸ“ Interactive map with geolocated mushroom spots
  • πŸ„ Mushroom atlas with detailed species information
  • πŸ“· Ability to add new mushroom sightings with photos
  • πŸ§‘β€πŸ³ Recipe sharing and browsing
  • πŸ’Ύ User accounts with saved entries and favorites
  • πŸ” Similar mushroom grouping and comparison
  • ✏️ Full CRUD operations (Create, Read, Update, Delete) for mushrooms, locations, comments, and recipes

πŸ› οΈ Tech Stack

  • React (Vite)
  • Supabase (PostgreSQL, Authentication, Storage)
  • React Router
  • React Hot Toast for notifications

πŸ“ File Structure & Authors

Root

  • App.jsx - Main application layout and routing (Everyone)
  • main.jsx - App entry point (Generated)
  • index.css - Global styling, especially for the map (Marek Joukl)

/src/api

Handles API communication with Supabase and other services:

  • apiMap.js - Map and location logic (Marek Joukl)
  • apiMushrooms.js, apiSimilarMushrooms.js - Mushroom handling (Ondrej Kozanyi)
  • apiRecipes.js - Recipe handling (Igor Mikula)
  • apiUsers.js - User data handling (Aurel Strigac)

/src/features

Modular structure by feature:

  • map/ - Location-related screens and logic (Marek Joukl)
  • mushrooms/ - Mushroom atlas and forms (Ondrej Kozanyi)
  • recepies/ - Recipe browsing and creation (Igor Mikula)
  • user/ - User profile and saved content (Aurel Strigac)

/src/contexts

  • UserContext.js - Context for logged-in user data (Marek Joukl)

/src/ui

  • Shared components and styles used across the app (All authors)

πŸ“¦ Getting Started

# Clone the repository
git clone https://github.com/YOUR_USERNAME/nahriby-mushroom-app.git
cd nahriby-mushroom-app

# Install dependencies
npm install --legacy-peer-deps

# Start development server
npm run dev

πŸ‘₯ Authors

β€’ Marek Joukl (xjoukl00) - Leader

β€’ Aurel StrigÑč (xstrig00)

β€’ Igor Mikula (xmikul74)

β€’ Ondrej KoΕΎΓ‘nyi (xkozan01)

πŸ“Έ Screenshots

Map View Mushroom Detail Recipe Sharing

πŸ“ License

MIT License – feel free to fork and build upon it!