Built using ReactJS, NextJS 13, TypeScript, TailwindCSS, StepZen, GraphQL and MediaStack API

News App

newsapp

A Real-Time News Application built with Next.js 13 and Tailwind CSS featuring dynamic and static data handling, dark mode, searching capabilities, use of Server components, new App folder structure, dynamic page routing, pulling data from MediaStack News API, using Stepzen to launch a GraphQL interface and using TypeScript for fewer bugs and errors

A News Aggregation App made with Next.js + Tailwind CSS

🚨 📰 Live news web app. Interfacing MediaStack API with Next.js, leveraging StepZen for GraphQL queries. Styling with TailwindCSS and HeadlessUI. Statically typed in TypeScript.

AS a consumer I WANT to see live news articles everytime I navigate to the website or refresh the page SO THAT I can stay informed day-by-day, minute-by-minute I WANT to be able to navigate to specific articles via category or using the search input SO THAT I can quickly find articles pertaining to my interest or specific parameters

A news website utilizing the MediaStack API.

Project is using Lazy Loading and Preloading Strategy. Using Angular Material, Angular Flex Layout, Material Icons, Ng2 Search Filter, Transloco Service and Angular Material components: Toolbar, Dialog, Tabs, Table, Expansion Panel, Menu, Selection List, Sidenav, Clipboard, Slide toggle, Card, Input, Progress spinner, Icon, Button. There is the …

API from mediastack.com - Mediastack categories: technology and sports - Search articles by keywords - Mediastack articles are filtered and displayed only on English language - PrimeNG - PrimeIcons - PrimeFlex - Ng2 Search Filter - Ngx Infinite Scroll

An unofficial python helper package to interact with the mediastack API.

Project is using Lazy Loading and Preloading Strategy. Installed packages: PrimeNG, PrimeIcons, PrimeFlex, Angular CDK, Ng2 Search Filter, ngxClipboard, Transloco Service. PrimeNG components: Menubar, DynamicDialog, Inplace, TabView, Menu, Table, Listbox, Sidebar, ToggleButton, Card, ProgressSpinner, InputText, Button. There is the same project …

World Wide News Today

Building Live News website using NextJS and Media stack API.

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.

News web app with live data built with Next13.3,TypeScript, Tailwind. Dark/Light mode using next-themes. GraphQL for batching multiple api calls. StepZen for generating TypeScript definitions automatically. Live data pulled via Mediastash Api. Revalidation and prebuilding pages with generateStaticParams reducing wait time.