project-filmoteka icon indicating copy to clipboard operation
project-filmoteka copied to clipboard

We are students of group named "Special-Team" of GоIT academy. We graduated JavaScript course and for consolidate in practice 📌 knowledges received on this course, we together 🤝 developed graduation...

Проект сайту "Filmoteka"

Привіт! :hugs:

Ми студенти групи під назвою "Special-Team" академії GоIT :fire: :rocket:

Ми закінчили курс JavaScript і для того, щоб закріпити на практиці :pushpin: отримані на курсі знання, ми в команді :handshake: реалізували випускний проект :computer:

Над проектом працювали:

Дизайнери :art: підготували для нас макет командного проекту в 3 версіях: мобільна, планшетна, десктопна.

Академія GoIT підготувала ТЗ :book:

:checkered_flag: Наші завдання :

  • розробити сайт з пошуку популярних фільмів;
  • дати можливість користувачу знаходити фільми по жанру;
  • організувати бібліотеку користувача, де будуть зберігатися улюблені та переглянуті фільми;
  • організувати для користувача можливість видалення фільмів з бібліотеки;
  • розробити карточку фільму з детальним описом;
  • розробити слайдер карточки фільму для перегляду попередніх/наступних карточок клавішами вліво/вправо;
  • реалізувати перегляд трейлерів фільму за бажанням користувача;
  • розробити авторизацію користувача на сайті;
  • розробити зміну теми день/ніч;
  • розробити пагінацію;
  • розробити локалізацію для зміни мови з англійської на українську.

:hammer: Під час виконання проекту ми:

  • закріпили знання з HTML і CSS/SASS;
  • закріпили знання з JavaScript;
  • працювали з Parcel;
  • практикували навички командной работи з Git;
  • використовували методологію Scrum;
  • працювали з анімацією;
  • використовували Firebase для авторизації користувачів і зберігання інформації.

В результаті злагодженої роботи :handshake: ми отримали наш проект: ⬇ Переглянути проект

На сайті вас чекає сюрприз :gift: Спробуйте знайти пасхалку в пошуковому рядку.

:diamond_shape_with_a_dot_inside: підказка - це те місце, де кожен може знайти свою історію успіху :sparkles:

EN--------------------------------------------------------------------------------------------------------------------------EN

Site project "Filmoteka"

Hi! :hugs:

We are students of group named "Special-Team" of GоIT academy :fire: :rocket:

We graduated JavaScript course and for consolidate in practice :pushpin: knowledges received on this course, we together :handshake: developed graduation project :computer:

Project created by:

Designers :art: prepared for us 3 Versions of team project layout : mobile, tablet, desktop.

GoIT academy prepared technical tasks :book:

:checkered_flag: Tasks :

  • develop a website for searching of popular film;
  • give to users an opportunity to search films by genre;
  • orgonize user's library for collecting favourite and watched films;
  • orgonize for user's library an opportunity to delete movie from library;
  • develop a movie card with detailed description;
  • develop a movie card's slider for next/previous card view by pushing arrow buttons (left/right);
  • implement viewing of movie trailers at the user's request;
  • develop user authorization on website;
  • develop website themes: day/night;
  • develop pagination;
  • develop localization for language change: english/ukrainian.

:hammer: During project developing we:

  • consolidated knowledges of HTML and CSS/SASS;
  • consolidated knowledges of JavaScript;
  • worked with Parcel;
  • teamwork practice with Git;
  • used Scrum methodology;
  • worked with animation;
  • used Firebase for user authorization and information collaction.

As a result :handshake: we made our project: ⬇ View a project link

There is a surprise on a website :gift: Try to find it in the search bar.

:diamond_shape_with_a_dot_inside: Hint - this is place, where everybody may find his success history :sparkles: