Live News

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.

Table of contents

• Overview
  • Features
  • Screenshot
  • Links
  • Setup
• My process
  • Built with
• Author

Overview

Features

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 📃

Screenshot

Links

• Live Site URL: Here
• GitHub URL: Here

Setup

Using yarn 👇

$ yarn
$ yarn dev

Using NPM👇

$ npm install
$ npm run dev

My process

Built with

• 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

Author

• Website - Mohanad Portfolio
• Twitter - @MohanadOO_