https://github.com/pure-engineering/twitter-web-client
https://github.com/pure-engineering/twitter-web-client
Last synced: about 1 month ago
JSON representation
- Host: GitHub
- URL: https://github.com/pure-engineering/twitter-web-client
- Owner: pure-engineering
- License: mit
- Created: 2015-12-29T18:15:10.000Z (over 10 years ago)
- Default Branch: main
- Last Pushed: 2023-09-27T12:08:05.000Z (almost 3 years ago)
- Last Synced: 2026-04-13T18:40:22.819Z (3 months ago)
- Language: JavaScript
- Homepage: https://pure-js.github.io/twitter-web-client/
- Size: 131 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Twitter web client
## The Task
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.
## Specifications
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.
## Notes
- 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.
## Running
```
npm i
npm start
```