REACT-YourRecipes

Prosta aplikacja wykonana w React.js, która umożliwia użytkownikowi pracę z interaktywnym przepisem kulinarnym.

👉 Sprawdź podgląd na żywo: https://yerbamatepl.github.io/REACT-YourRecipes/

Spis treści

• Instalacja
• O aplikacji
• Języki i narzędzia
• Czego nauczył mnie ten projekt

Instalacja

Instalacja aplikacji opiera się na menedżerze pakietów npm.

git clone https://github.com/YerbaMatePL/REACT-YourRecipes.git
cd kalkulator-rusztow
npm install

Aby uruchomić aplikację użyj

npm start

O aplikacji

Aplikacja YourRecipes pozwala użytkownikowi na korzystanie z interaktywnego przepisu kulinarnego.
Użytkownik może:

• wybrać potrzebną iość porcji, a to spowoduje zmiany w ilości potrzebnych składników,
• skreślić już przygotowane składniki i kolejne kroki wykonywania przepisu,
• na końcu może zostawić swoją opinię (która jest później przechowywana w Local Storage).
  
  
  

👉 Dodatkowo aplikacja posiada dwa motywy - jasny i ciemny. Wybór określonego motywu jest zapisywany w Local Storage, aby przechowywać preferencje danego użytkownika.

👉 Aplikacja YourRecipes jest w pełni responsywna.

       

Języki i narzędzia

REACT.JS Material UI CSS3  HTML5
  NODE.JS      GIT

Czego nauczył mnie ten projekt

• Zapisywania danych w Local Storage,
• Korzystanie z biblioteki Material UI,
• Tworzenia i wydzielania komponetów,
• Zarządzania stanem,
• Obsługi zdarzeń,
• Pracy z hookami,
• Pracy z GITem (za pomocą programu SourceTree).