https://github.com/archakov06/miniroyale-task

https://github.com/archakov06/miniroyale-task

Last synced: about 4 hours ago
JSON representation

• Host: GitHub
• URL: https://github.com/archakov06/miniroyale-task
• Owner: Archakov06
• Created: 2022-07-24T18:51:35.000Z (over 2 years ago)
• Default Branch: master
• Last Pushed: 2022-07-24T18:52:25.000Z (over 2 years ago)
• Last Synced: 2024-05-16T01:11:52.201Z (6 months ago)
• Language: TypeScript
• Size: 314 KB
• Stars: 3
• Watchers: 3
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
Using a third party API as a data source (example: Star Wars API https://swapi.dev/), 

implement a SPA application (React or Vue) consisting of two pages. 

On the main page, display a list or cards of characters, add the possibility of pagination to the list. 

Implement a page with detailed information on the selected character.

Pros: 

+ Using TypeScript 

+ Neat layout 

+ Using UI framework (Material, Ant, Bootstrap, etc.)

As an extra challenge: 

+ To work with data, use storage (Vuex, Redux, etc.) 

+ Make custom field edit event 

+ Subscribe to update the storage status 

+ Add character search field by API (or local filter) 

Our considerations for evaluation: 

- When evaluating the task, take into account, in general, the functional approach and data immutability in the frontend (filter, map, reduce) 

- Take into account how accurately the re-render will work when editing 

(so as not to re-render the entire data array and not to sag in performance) 

- If React is chosen, the actual approach is to use hooks.