William Situ Thursday, Oct 31, 2019 Fintros Assessment
Bootstrapped with Create React App
Deployed at: https://secret-cliffs-78209.herokuapp.com/
npm i
npm start
- This application relies on
https://cors-anywhere.herokuapp.com
an external resource
- If that service goes down, I won't be able to fetch metadata anymore.
- Normally, one would build a back-end to be able to get past that issue, but I only focused on React front-end application.
- Many links don't always accept outside access, and will return
404
s500
s etc
- Extra work is needed to find solutions that bypass these issues
- Possible scroll issues?
- Refactoring of StoryList, Header, and Footer.
- Footer is repetitive, and some code can be moved out into seperate files, especially storyList.
- FeaturedStory should be changed as it relies on the first item of storyData and is currently unaffected by filters. Did not develop with filters in mind in hindsight.
- Change storyList to a proper Masonry layout
- Refactor css files
- Style sheets aren't encapsulated, but I have seperated them out regardless.
- Accessibility
- Testing
- font is wonky/not accurate due to probably not having the right font assets
Any time I want to rerender, I should be using state. Because I am filtering data, I should either have:
- a filter function in my UI OR
- another StateObject for stories to be displayed
- I chose option 1. this time around for better spaceComplexity, though it propably doesn't make a difference
Thank you!