News Homepage in Next.js, TypeScript and Tailwind CSS

Overview

I solved this challenge using Next.js, TypeScript and Tailwind CSS.

The constituent parts of the page are broken down into relevant components for modularity and reusability.

The challenge

Users should be able to:

• View the optimal layout for the interface depending on their device's screen size
• See hover and focus states for all interactive elements on the page

Screenshot Preview

Links

• Live Site URL: https://news-homepage-lac-six.vercel.app/

My process

Built with

• React - JS library
• Next.js - React framework
• Tailwind CSS - For styles
• TypeScript - For programming