Aplikasi web modern untuk mencari dan menjelajahi artikel dari The New York Times API, dibangun dengan React & TypeScript.

🚀 Lihat Demo Langsung

• Pencarian Artikel: Cari artikel berdasarkan kata kunci.
• Opsi Pengurutan: Urutkan hasil berdasarkan relevansi, terbaru, atau terlama.
• Infinite Scroll: Muat artikel baru secara otomatis saat scroll.
• Dark/Light Mode: Ganti tema aplikasi dengan pilihan yang tersimpan.
• Desain Responsif: Tampilan optimal di semua perangkat.

• Framework: React, Vite
• Bahasa: TypeScript
• Styling: Tailwind CSS, shadcn/ui
• Data Fetching: Axios
• Testing: Vitest, React Testing Library

1. Clone repository ini:

   git clone https://github.com/salmanabdurrahman/nyt-news-app.git
   cd nyt-news-app

2. Setup Environment Variables:

   • Salin .env.example menjadi .env.

     cp .env.example .env

   • Buka .env dan isi variabelnya:
     • VITE_NYT_API_KEY: Kunci API rahasia dari NYT Developer Portal.
     • VITE_NYT_API_BASE_URL: Alamat dasar API, contoh: https://api.nytimes.com/svc/search/v2.

3. Install dependensi:

   npm install

4. Jalankan server development:

   npm run dev

   Aplikasi akan berjalan di http://localhost:5173.

Untuk menjalankan pengujian, gunakan perintah berikut:

npm run test

Pengujian akan dijalankan menggunakan Vitest dan React Testing Library.

Untuk membangun aplikasi untuk produksi, gunakan perintah berikut:

npm run build

Hasil build akan disimpan di direktori dist.