Skip to content
Tyler Jackson
All projects

// PROJECT · Completed · Mar 2024 – Apr 2024

NewsMap.Today

Global news aggregator on an interactive world map.

Full-Stack Developer and Project Manager · UCF (Processes of Object-Oriented Systems)

From setup to deployment
6 weeksFrom setup to deployment

Overview

NewsMap.Today is a global news aggregator web application that visualizes worldwide news distribution. Users can interact with a dynamic world map to select a country and instantly view related news articles in a sidebar. The site also offers 'Daily' and 'Favorited' tabs for browsing daily aggregated news and saving preferred articles for future reference.

What I did

  • Built a MERN global news aggregator: an interactive Leaflet world map where clicking a country loads that country's articles into a sidebar.
  • Added Daily and Favorited tabs for browsing daily aggregated news and saving preferred articles for future reference.
  • Moved from Front-End Developer to Full-Stack Developer and Project Manager after most of the six-person team went inactive, coordinating the remaining work in Jira.
  • Documented the REST API on SwaggerHub.

Team

Team of 6.

Stack

  • React
  • Tailwind CSS
  • Leaflet.js
  • Express.js
  • Node.js
  • MongoDB
  • NewsAPI
  • SwaggerHub

Timeline

  1. NewsAPI ingestion and PM transition

    Connected NewsAPI to populate the database dynamically with real-time articles based on selected countries. Transitioned into project management duties using Jira, coordinated final feature completion, and ensured successful deployment preparation.

  2. Interactive world map integration

    Developed frontend prototype in React, implemented Tailwind CSS for styling, and integrated Leaflet.js for the interactive map feature.

  3. Project setup and authentication APIs

    Set up project structure, created MongoDB database, and established API routes for login and registration.

  • State diagram of the NewsMap.Today user flow, from Home through Register, Login, Authenticate and Forgot Password into the Daily, Favorites, About and Profile tabs and the map sidebar.
    Application state and data flow.
  • Entity relationship diagram for NewsMap.Today showing User, Saved Article, Daily News and Team tables with their fields and keys.
    Entity relationship diagram.
  • Use-case diagram for News Map showing Guest, Member, Database and News API actors connected to register, login, map access, favorites, daily news and headline retrieval cases.
    Use-case diagram.