SnapNews is a quiz app that utilizes BBC news RSS. Users select from a group of thumbnails, the image that best matches a provided headline. It's a fun and interactive way to test your knowledge and stay updated with the latest news.
I initialy designed this app for people who wish to get used to reading news in English, especially ESL students.
When I first came to Canada, my classmates and I always grabbed a newspaper at a train station and tried to read them, even though sometimes it was hard to understand the meaning. We encountered a lot of new words through newspapers, and it was a great ways to learn English.
By creating a news quiz app, I'm hoping to help learners to have a time to think about what headline means, while choosing the answer among different thumbnails.
Click here for live demo
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm devOpen http://localhost:3000 with your browser to see the result.
- Next.js
- TailwindCSS
- API
- User login
- Track scores
- Calculate correct answer rate percentage
- One thumbnail and four headlines mode
- Change game mode button
- History page which news you have read