Single-page application, used Twitter API load 101 tweet, by #wrike hashtag. Arrange loaded into adaptive grid. If tweet has a background, you should add it as background to cell.
Breakpoints: 360, 720, 1024, 1366. Don't use CSS frameworks and ready solutions. Use javascript, html, css. (Preprocessors for almost anything are welcomed) Pay attention to semantics and code readability.
- Demonstration of the OOP of the brain (Did you hear about Abstract Factory pattern?)
- Do you know how to use CSS flexible boxes? Wonderful, use them all.
- Names of CSS selectors you choose consciously and can argue your choice? An additional plus.
- Did you love CSS transformations, transitions, web animation to the state of epilepsy? We too. Feel free to use them to improve the user experience.
- Header in header of header don't confuse you? Show how deep the rabbit hole is HTML5 semantic, feel free to use all new tags, about which you read on Habr.
npm i
npm start