O projekcie

Opis projektu

Roślinopedia to autorska platforma webowa umożliwiająca przeglądanie, filtrowanie i wyszukiwanie szczegółowych informacji o roślinach ogrodowych. Projekt został zaprojektowany jako skalowalna baza wiedzy z myślą o ogrodnikach-amatorach oraz osobach planujących nasadzenia.

System wykorzystuje WordPress jako warstwę zarządzania treścią, natomiast logika aplikacji oraz interfejs użytkownika zostały zaprojektowane i zaimplementowane w autorskim motywie.

Cel projektu

Głównym celem projektu było zbudowanie rozszerzalnej platformy, w której użytkownicy mogą przeglądać i wyszukiwać informacje o roślinach, a także:

  • przeglądać szczegółowe dane roślin
  • filtrować rośliny według taksonomii
  • dodawać prywatne notatki użytkownika
  • korzystać z wyszukiwarki opartej o REST API

Kluczowe funkcjonalności

Najważniejsze możliwości platformy zaprojektowane z myślą o wygodnym przeglądaniu i zarządzaniu bazą roślin.

🌿

Custom Post Type

Własny typ treści „roslina”, który przechowuje informacje o roślinach w uporządkowanej formie — nie jako zwykłe wpisy, ale jako dedykowane encje.

🗂️

Taksonomie i filtrowanie

Każda roślina jest opisana i pogrupowana za pomocą taksonomii takich jak: typ rośliny, stanowisko, rodzaj gleby, oraz dodatkowych pól ACF: okres kwitnienia, wysokość, podlewanie, mrozoodporność,

🔎

Własne REST API + wyszukiwarka

Własne endpointy REST API oraz front-endowy mechanizm JS, który pobiera i filtruje dane dynamicznie bez przeładowania strony.

📝

Prywatne notatki użytkownika

System notatek, który pozwala zalogowanym użytkownikom dodawać swoje obserwacje i komentarze do poszczególnych roślin — w sposób prywatny i bezpieczny. Notatki jako osobny typ treści.

🌙

Dark Mode — własna wtyczka

Wtyczka, która umożliwia użytkownikom zmianę motywu kolorystycznego. Funkcjonalności: domyślny Dark Mode z kolorami dopasowymi do Roślinopedia theme, pamięć w local storage, możliwość wyboru własnej kolorystyki, możliwość zmiany położenia ikony Dark Mode

Responsywność i UX

Strona została zaprojektowana z myślą o urządzeniach mobilnych — układ dostosowuje się do ekranów tabletów i smartfonów, a menu i widoki działają płynnie w każdym rozmiarze.

Technologie użyte w projekcie

Projekt został zbudowany z użyciem następujących technologii:

PHP
JavaScript
REST API
WordPress
SCSS
ACF

Zobacz kod źródłowy