Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/andriidorohov/site-filmoteka-team-project-goit

πŸŽ₯ Team project Filmoteka with pagination, theme switcher and database movie
https://github.com/andriidorohov/site-filmoteka-team-project-goit

axios basic-light-box handlebars javascript lodash-debounce material-design-icons sass

Last synced: 6 days ago
JSON representation

πŸŽ₯ Team project Filmoteka with pagination, theme switcher and database movie

Awesome Lists containing this project

README

        

![github contribution grid snake animation](https://raw.githubusercontent.com/platane/platane/output/github-contribution-grid-snake.svg)

TEAM PROJECT



Baby Yoda


project team Vanilla JS



πŸ›  Β Tech Stack



![HTML](https://img.shields.io/badge/-HTML-05122A?style=flat&logo=HTML5)Β 
![CSS](https://img.shields.io/badge/-CSS-05122A?style=flat&logo=CSS3&logoColor=1572B6)Β 
![JavaScript](https://img.shields.io/badge/-JavaScript-05122A?style=flat&logo=javascript)Β ![Bootstrap](https://img.shields.io/badge/-Bootstrap-05122A?style=flat&logo=bootstrap&logoColor=563D7C)Β 


![Git](https://img.shields.io/badge/-Git-05122A?style=flat&logo=git)Β 
![GitHub](https://img.shields.io/badge/-GitHub-05122A?style=flat&logo=github)Β 
![Markdown](https://img.shields.io/badge/-Markdown-05122A?style=flat&logo=markdown)Β 

![Visual Studio Code](https://img.shields.io/badge/-Visual%20Studio%20Code-05122A?style=flat&logo=visual-studio-code&logoColor=007ACC)Β 

![Photoshop](https://img.shields.io/badge/-Photoshop-05122A?style=flat&logo=adobe-photoshop)Β 

ℹ️ Β  Team Members

![GitHub](https://img.shields.io/badge/-Vera-05122A?style=flat&logo=github)
![GitHub](https://img.shields.io/badge/-Evgenia-05122A?style=flat&logo=github)
![GitHub](https://img.shields.io/badge/-Alexey-05122A?style=flat&logo=github)
![GitHub](https://img.shields.io/badge/-Andrey-05122A?style=flat&logo=github)
![GitHub](https://img.shields.io/badge/-Denis-05122A?style=flat&logo=github)
![GitHub](https://img.shields.io/badge/-Yulia-05122A?style=flat&logo=github)
![GitHub](https://img.shields.io/badge/-Valya-05122A?style=flat&logo=github)

## Description

The project is implemented in Vanilla JavaScript and working with:

πŸ›  [the Movie Database TMDB](https://www.themoviedb.org/);

πŸ›  responsive design for use on phone πŸ“±, tablet πŸ“Ÿ and desktop πŸ’».

We are students of the FullStack Developer course [](https://goit.ua), the project is written at the end of the study of JavaScript.

## How to use Filmoteka?

πŸ“½ It is the site for searching and collecting movies.

**The Web App provides the following functions:**

🎞 search movie by a key word;

🎞 manage your film database by adding or deleting chosen movie to WATCHED or to QUEUE;

🎞 pagination allows you to easily navigate between movies;

🎞 in LIBRARY you can see your database of movies divided by 2 categories: WATCHED and QUEUE.