Our team is "JS Mastermind" and we are proud of our project. We tried to do our best during 5 working days and you can see the result for clicking to link below:
- Team Lead: Veronika Tlostiuk
- Scrum master & Front-end developer: Arsenii Maksymenko
- Front-end developer: Petro Kryvyak
- Front-end developer: Inna Forkert
- Front-end developer: Oleksii Turchynyk
We prepared adaptive web page for three screen types with following breakpoints: mobile - 320px, tablet - 768px, desktop - 1280px according to Figma layout, that we got as a part of task.
-
develop a web-api for searching films by keyword;
-
show popular films at the main page;
-
organize user's library for collecting favorite and watched films;
-
organize for user's library an opportunity to delete movie from library;
-
create a movie card like modal window with movie's detailed description;
-
show movie trailers at the user's request;
-
implement pagination (tui-pagination);
-
implement custom cursor and scroll;
-
prune long titles under each card, so every row was the same height for better visual.
- HTML and CSS/SASS;
- JavaScript;
- API/HTTP Requests;
- Axios/Notify/Tui-pagination,
- Parcel;
- Git/Github;
- Trello/Scrum methodology
This project was created with Parcel. For familiarization and setting additional features refer to documentation.
Clone this repo:
git clone https://github.com/Veronikanos/FilmotekaTeamProject.git
In the project directory, you can run:
then
Runs the app in the development mode.
Open http://localhost:1234 to view it in your browser.
The page will reload when you make changes.
You may also see any lint errors in the console.