Newsnet A.I. Drafter – Cloud Application_

Server-Side Rendered NextJS App with External News Feed API

...

Project Details_

Project_

Custom Cloud Application Development

Project Roles:

Solution ArchitectureFrontend DevelopmentBackend DevelopmentPostgreSQL IntegrationAuthenticationDocker SetupDeployment & QA

Project Tech:

Next.js (SSR)React.jsNode.jsPostgreSQLDockerREST APIContext APIMicrosoft AzureAzure Active Directory Authentication

Intro

A cloud-based A.I. drafting tool designed for Product & Business Newsnet (USA) to empower users (news journalist) with a streamlined dashboard for browsing, editing, and copying real-time A.I.-generated news feeds. Built with React and Next.js, the solution features seamless server-side rendering and external API/database integration.

Case Summary

Newsnet A.I. Drafter – USA Year: 2023


Overview

This platform serves as both a frontend editing interface and an API server. It retrieves A.I.-generated news items from a PostgreSQL database and presents them in a user-friendly dashboard with editing and copy functionality.


Platform & Stack

  • Platform: Cloud Application (Dockerized)
  • Frontend: React / Next.js (Server-Side Rendered)
  • Backend: Node.js API Server
  • Database: PostgreSQL (External Feed DB)
  • Deployment: Microsoft Azure (Staging & Production)

Features

  • Secure login portal with Azure Active Directory authentication and context-based state handling
  • Auto-scroll buffer for continuous news feed loading
  • Search, filter, and edit interface for news content
  • Real-time integration with external PostgreSQL database
  • Permissons and Roles management
  • Responsive UI with component-based dashboard sections:
    • News Feed Panel
    • Editor & Copy Panel
    • Search & Filter Controls
    • Navigation & Contact Panel

Hosting & Deployment

  • Local dev environment powered by Docker
  • Staging and production deployments on Azure via containerized repos
  • Structured for scalability and future API expansion

Result

Delivered a robust editorial dashboard that allows Newsnet teams to interact with live A.I. news content — enabling efficient content review, editing, and output with secure and scalable infrastructure.