Filmoteka
Fundamental JavaScript: SPA built without a single framework.
Pet-project / Open Source. Full web app for searching and saving movies. Challenge: no libraries (React/Vue/jQuery). Implement routing, state, rendering on pure JS to demonstrate deep understanding of browser internals.
Challenge
Create full web app for searching and saving movies. No frameworks — pure JS. Demonstrate deep understanding of browser internals.
Problem & Challenge
Modern frameworks do magic for developer. I removed magic and built everything by hand. DOM manipulation without virtual DOM. Async: API requests, pagination, image loading — pure fetch and Promises. Need structure that won't turn into spaghetti — modular MVC.
Solution
REST API integration (TMDB). Search, genre filter, weekly trends. Local Storage — «My Library» (Watched/Queue). Modals from scratch — Esc, scroll lock. Pagination algorithm. Minimal bundle — no heavy libs, instant load.
Business Results
Project proves: async/await, error handling. Event Loop understanding. Complex UI on pure CSS/SCSS without Bootstrap/Tailwind. Foundation for complex projects.
"Anyone can learn React in a month. But to write effective React code you need to understand how JavaScript works. Filmoteka is my gym — I honed DOM, API, data storage at «low level». That's the base for my complex projects.
🚀 Why Choose Us?
- Movie search
- personal library
- premium features