I developed this SPA using the Ember.js Framework that request and shows data from the JSONPlaceholder API. I am submitting this for your consideration.
- Display a paginated list of post titles. The data should be retrieved from the JSONPlaceholder API, and there should be pagination controls to retrieve additional pages of data.
- Each post should be able to toggle a side sliding panel/modal that is populated with the rest of that post's data. You should also include the data of the user related to that post. Make this look & behave however you want, but it should not trigger a full route transition.
- We are not providing a mock for this, you will need to figure out a design that you feel represents the best user experience.
- Do not use a front end framework such as bootstrap, but it's fine to use a utility framework like tailwind or neat. -The UI should be fairly responsive.
- Write tests that prove your functionality works.
List of Post - Screenshot
List of Post - Mobile
- Ember.js
- Ember.js Addons
- JavaScript
- ES6
- Node.js
- npm
- JSONPlaceholder API
You will need the following things properly installed on your computer.
- Git
- Node.js (with npm)
- Ember CLI
- Google Chrome
git clone <repository-url>this repositorycd ember-js-projectnpm install
ember serve- Visit your app at http://localhost:4200.
- Visit your tests at http://localhost:4200/tests.
Make use of the many generators for code, try ember help generate for more details
ember testember test --server
npm run lint:hbsnpm run lint:jsnpm run lint:js -- --fix
ember build(development)ember build --environment production(production)
npm run build creates a build directory with a production build of your app. Set up your favorite HTTP server so that a visitor to your site is served the index.html.
- Twitter – @seetechnologic
- GitHub - https://github.com/JavaVista/
- LinkedIn - Javier Carrion