A Live News application built with NextJS and TailwindCSS and using MediaStack API to fetch the latest news on certain topics or using the search input field.
StepZen was used in this project to introspects MediaStack API endpoints and easily generate GraphQL schemas.
Users should be able to:
- View the optimal layout for the site depending on their device's screen size 💻/ 📱
- Using the mediastack API you could search for the latest news 📰
- Dark and Light Theme 🎨
- Using NextJS Revalidation for all genres at the top to minimize API calls and serve static pages 📃
Using yarn 👇
$ yarn
$ yarn dev
Using NPM👇
$ npm install
$ npm run dev
- React - JS library
- Tailwind CSS - CSS framework
- React Icons - React icons provides a huge collections of icons from different sources.
- GraphQL - A query language for your API
- Website - Mohanad Portfolio
- Twitter - @MohanadOO_