- ✅ Use a Styled Components/CSS-in-JS solution of your choice
- ✅ Show placeholder/skeleton for stories and comments while loading
- ✅ Respect list item indentation for comments
- ✅ Each page should have a unique URL (ex. localhost:8080/article/12121). It should be a SPA but all URLs should be accesible by direct link.
✅ Part 1: Write a React or React Native app that fetches and displays the top 10 stories from Hacker News using the Hacker News API - https://github.com/HackerNews/API
✅ Part 2: If you click into a story, you should see the comments in a different page. Fetch and display the first 10 comments and their children using the Hacker News API. You may use any additional libraries you deem necessary. (remember respecting nested comments)
✅ Part 3: Implement an infinite scroll for top stories by using a "Load more" button.
✅ Part 4: Ensure scroll to the bottom every time new stories are loaded.
✅ Part 5: Make API calls to fetch comments to fail 75% (25%) of the times, and handle the error gracefully.
- Please ensure that your code is properly organized, and easy to read
- Reuse as much code as possible