https://github.com/arinzejeffrey-droid/simple-data-table
https://github.com/arinzejeffrey-droid/simple-data-table
html-css-javascript typescript
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/arinzejeffrey-droid/simple-data-table
- Owner: ArinzeJeffrey-droid
- Created: 2022-09-05T23:16:24.000Z (almost 3 years ago)
- Default Branch: main
- Last Pushed: 2022-09-07T22:02:50.000Z (almost 3 years ago)
- Last Synced: 2025-01-27T12:50:00.742Z (5 months ago)
- Topics: html-css-javascript, typescript
- Language: TypeScript
- Homepage:
- Size: 45.9 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
[](https://www.codacy.com/gh/ArinzeJeffrey-droid/simple-data-table/dashboard?utm_source=github.com&utm_medium=referral&utm_content=ArinzeJeffrey-droid/simple-data-table&utm_campaign=Badge_Grade)
# Frontend Assessment
Build and deploy a very simple frontend app for paginated data, that does the following
1. Fetches (randomised) data from `https://randomapi.com/api/8csrgnjw?key=LEIX-GF3O-AG7I-6J84` which can be paged by appending `&page=N` where N is the page you want to fetch. E.g appending `&page=1` retrieves the first page, while `&page=4` retrieves the 4th page.
2. Displays the fetched data in a HTML table with 5 rows (the API only returns 5 records), and allows the user to page next/previous with buttons in the UI
See full details and instructions (including an interesting paging caveat) in this [Google Doc](https://docs.google.com/document/d/1hGXXPykXqO6b9Z2pm55-2T83AIA39cQ3FQxtbGkoR5Y)
#### Note
1. This comes as a purely HTML/CSS/JS project with [Parcel](https://parceljs.org/docs/) handling build and transpilation.
2. We strongly recommend you complete the challenge with this setup, and only use a framework (like Vue/react/Angular) only if absolutely necessary and for which you will be required to provide reasonable justification as part of your evaluation