https://github.com/skbhati199/nextjs-news-clone

NextJs News Clone App
https://github.com/skbhati199/nextjs-news-clone

newsapi nextjs tailwindcss themes

Last synced: about 1 month ago
JSON representation

NextJs News Clone App

• Host: GitHub
• URL: https://github.com/skbhati199/nextjs-news-clone
• Owner: skbhati199
• Created: 2023-08-23T15:25:09.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-10-25T06:48:51.000Z (over 1 year ago)
• Last Synced: 2024-11-02T07:06:47.027Z (3 months ago)
• Topics: newsapi, nextjs, tailwindcss, themes
• Language: TypeScript
• Homepage: https://skbhati199.github.io/nextjs-news-clone/
• Size: 2.42 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 2
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## NextJs News Clone App

First, run the development server:

```bash

cp .env.example .env

npm i

# Create a Account on News api website (https://newsapi.org/docs/endpoint)

npm run dev

```

Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.

### TODO

- [x] Setup Next Project

- [x] Create a header components with Applogo Component

- [x] Create a navbar components with NavItem

- [x] Search Bar

- [x] Create a Card UI

- [x] Integration api on home page

- [x] All Tab Get Default data like apple

## Dark Mode

![Dark Mode](./art/dark_mode.png?raw=true)

## Light Mode

![Light Mode](./art/light_mode.png?raw=true)