Niekomercyjny projekt zespołowy "Tasty treats"

Tasty Treats – strona służąca do wyszukiwania i zapisywania przepisów kulinarnych.
Celem zespołu projektu Tasty Treats było stworzenie wygodnej platformy do wyszukiwania przepisów kulinarnych, w tym odpowiadających różnym kategoriom: zdrowa żywność, szybkie przepisy, desery i nie tylko. Strona umożliwia użytkownikom przeglądanie i zapisywanie ulubionych przepisów w jednym miejscu. Projekt został zrealizowany w ramach procesu edukacyjnego mającego na celu doskonalenie umiejętności pracy zespołowej, rozwoju front-endu, integracji API i układu adaptacyjnego.
Ukończone prace
Analiza i planowanie: przeprowadzono analizę potrzeb użytkowników platformy kulinarnej.
Określona jest struktura serwisu, która obejmuje stronę główną z wyszukiwarką przepisów, stronę z kategoriami dań, osobne strony dla każdego przepisu z pełnym opisem przygotowania.
Projekt i interfejs użytkownika/UX: Stworzono minimalistyczny i nowoczesny projekt z intuicyjną nawigacją, aby zapewnić wygodę użytkowania.
Projekt stron jest zoptymalizowany pod kątem różnych urządzeń (projekt adaptacyjny), co zapewnia prawidłowe wyświetlanie na smartfonach, tabletach i komputerach stacjonarnych.
Rozwój front-endu: zaimplementowano responsywny układ z wykorzystaniem HTML5, CSS3 i JavaScript.
Integracja zewnętrznego API do wyszukiwania przepisów i wyświetlania wyników na podstawie wyboru użytkownika.
Dodanie możliwości filtrowania przepisów według kategorii (np. śniadanie, obiad, deser).
Korzystanie z technologii żądań asynchronicznych (Fetch API) w celu dynamicznego ładowania danych bez ponownego ładowania strony.
Interaktywność: zaimplementowano możliwość zapisywania przepisów w ulubionych, aby później mieć do nich szybki dostęp.
Dodano wyszukiwanie przepisów według słów kluczowych z natychmiastowym wyświetlaniem wyników.
Każdy przepis posiada szczegółowy opis z instrukcją, listą składników i zdjęciem gotowego dania.
Współpraca zespołowa: projekt powstał przy użyciu GitHuba do kontroli wersji, każdy członek zespołu pracował nad własnymi częściami serwisu (moim bezpośrednim udziałem w projekcie było adaptacyjne rozmieszczenie nagłówka serwisu zgodnie z układem figma oraz stworzenie zmiana koloru witryny za pomocą #JavaScript), po czym wszystkie elementy zostały połączone w jeden kompletny produkt.
Przeprowadziłem przegląd kodu, aby zapewnić jego czystość i zgodność ze standardami programistycznymi.
Optymalizacja SEO: wdrożono podstawowe techniki SEO, aby poprawić indeksowanie witryny i jej stron w wyszukiwarkach.
Testowanie i optymalizacja: witryna została przetestowana pod kątem kompatybilności z różnymi przeglądarkami i prawidłowego wyświetlania na różnych ekranach.
Optymalizacja szybkości ładowania stron i elementów interaktywnych.

Strona Tasty Treats była doskonałym przykładem udanej pracy zespołowej, w której wszyscy uczestnicy wykorzystali swoje umiejętności i wiedzę w rozwoju front-endu. W efekcie powstała wygodna, funkcjonalna strona do wyszukiwania przepisów kulinarnych, która może stać się przydatnym narzędziem dla kucharzy i miłośników pysznego jedzenia.

#HTML/HTML5 #CSS3 #Javacript #GitHub #Parcel #figma #Markup