eightpoint case study

A lightweight, componentized new tab page clone built with Vue.js and Nuxt. Features a functional search bar, quick-link icons, tabbed newsfeed navigation, and reusable components. Includes interaction tracking for tile visibility and clicks using IntersectionObserver.

New Tab Page Clone (Vue + Nuxt)

This project recreates a simplified browser new tab experience using Vue.js and Nuxt. It includes:

  • A functional search bar (redirects to Yahoo search)
  • Server-side rendered quick link icons
  • Tabbed navigation for categorized news feeds
  • Featured and standard news tiles with metadata
  • Reusable, composable UI components
  • Interaction tracking for impressions and clicks

Getting Started

Follow these steps to run the project locally:

Install Dependencies

npm install

Start Development Server

npm run dev

Build for Production

npm run build

Preview Production Build

npm run preview

Make sure you have Node.js and npm installed on your machine.