News App

The project is to show articles with title, image and description

Table of contents

• News App
• Table of contents
• Getting Started
• Tech I used
• Feature
• Future Plan
• Design
• Learn More

Getting Started

1. Install node_modules dependenciesnpm install or yarn install

2. Sign up an API Key from API Documentation

3. Create an .env.local files on the root path in order to run execute API

NEXT_PUBLIC_NEWS_API=Your API Key

4. Run the development server:

npm run dev

Go to Local Dev Link

Tech I used

• React
• Next.js 13
• TailwindCSS
• React Query
• React Icon
• TailwildCSS UI

Feature

• Data handling
• Responsive Design
• Detail Page on the modal
• Status of error handling, loading indicators, pagination, sorting, searching
• Deploy to Vercel

Future Plan

• Date range filter

Design

Font

• Montserrat

Color

• Teal & Slate

Learn More

To learn more about the project, take a look at the following resources:

• React Query Documentation

• Date Range Tutorial