AdamRamberg / next-tvmaze

Next.js app using the TVmaze API

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Next.js + Tailwind CSS + TVMaze API ๐Ÿ“บ

This is a Next.js project that uses Tailwind CSS for styling and the TVMaze API to display a list of TV shows.

Run the project ๐Ÿƒ

First, install dependencies:

npm install
# or
yarn
# or
pnpm install

Run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev

Open http://localhost:3000 with your browser to see the result.

TODO ๐Ÿ‘ท

  • Better error handling in API calls.
  • Clean up API usage. API-route (GET(request: Request)) is actually currently not used.
  • Add unit testing with Jest and React Testing Library.
  • Skeleton component as fallback for <Suspense /> in search page.
  • Better visualization of errors and slow connection in show page.
  • Adding offline indicator using Navigator: onLine property.
  • Implement light / dark mode.

About

Next.js app using the TVmaze API


Languages

Language:TypeScript 95.4%Language:CSS 2.9%Language:JavaScript 1.7%