Skip to content

Latest commit

 

History

History
77 lines (52 loc) · 3.27 KB

README.md

File metadata and controls

77 lines (52 loc) · 3.27 KB

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

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).