This small project is to assess a front-end engineering candidate's procifiency with React, Nextjs and CSS. The goal is to create a feed of Barstool Sports content with some additional functionality.
Please complete the following features:
- Fetch stories from the Barstool API and render them in a feed.
- Create a
Feedcomponent to render a list of stories. - Create a
Storycomponent to render each story.
- Create a
- Add a Load More button to fetch older stories and add them to the list.
- There should be a loading state for the button while the data is fetching.
- Create a custom hook called
useFeedto implement this feature.
- Add polling to check for new stories every 10 seconds and prepend them to the feed.
- Add this functionality to the
useFeedhook.
- Add this functionality to the
First, run the development server:
npm run dev
# or
yarn devOpen http://localhost:3000 with your browser to see the result. There are some global styles and basic layout set up on the homepage.
You can start by modifying pages/index.tsx.
The API URL to GET stories can be found in src/constants/index.ts. This endpoint will return 25 stories by default. You can fetch additional stories by appending the page query paramater.
