Skąd pomysł na projekt? Mnóstwo osób szuka przepisów oraz porad kulinarnych w internecie. Coraz więcej pojawia się aplikacji dla wielbicieli gotowania i swoją popularnością doganiają strony internetowe, czy też fora poświęcone kucharzeniu. Wszystko na to wskazuje, że między innymi przez takie aplikacje jakie przedstawimy w artykule gotować będziemy z telefonem w ręce.
Wykorzystane API: https://spoonacular.com/food-api
➟ Logowanie za pomocą "Magic Link", wylogowanie (Supabase) wraz z Routingiem.
➟ Widok Home - strony głównej wraz z: sekcją "Popularne przepisy" z możliwością przechodzenia do szczegółowego przepisu i sekcją "Nasz wybór".
➟ Ścieżka /add-recipe wraz z pełni działającym formularzem dodającym przepis.
➟ Zapis przepisu z pomocą JSON-server.
➟ Wyświetlenie moich przepisów.
➟ Usunięcie przepisu.
➟ Wylosowanie losowego przepisu z API.
➟ Edycja Imienia do bazy danych w Supabase.
URLs that auth providers are permitted to redirect to post authentication
- https://localhost:3000
- https://foodapp-sierant.vercel.app/
- https://foodapp-git-main-dzd07.vercel.app/
- https://foodapp-dzd07.vercel.app/
Api:
https://spoonacular.com/food-api
- Clone the repo
git clone https://github.com/PiotrSierant/FoodApp.git
- Install NPM packages
npm install
- Start project
npm start
- Open new terminal
json-server --watch data/db.json --port 8000
Compiled successfully!
You can now view react-app in the browser.
Local: http://localhost:3000
Note that the development build is not optimized.
To create a production build, use npm run build.
webpack compiled successfully