open-index/open-npm huggingface dataset:
npm package: @infosupport/e2e-testing-demo
Description: Please create an IMDB-like application for demo purposes. It will be used to run e2e testing on.
Latest version: 0.1.0

# IMDB-like Demo Application

Please create an IMDB-like application for demo purposes. It will be used to run e2e testing on.

- Use the nextjs stack with chadcn-ui components, tailwind, typescript and react
- The application should behave as follows:
  - The `/movies` page should list all movies as cards, including cover images and the titles. You are able to live-search based on title and genre. Genre with checkboxes.

  - Users should be able to login. When you log in as admin you are able to access the `/add-movie` page.
  - The `/add-movie` page contains a form where you can add a movie to the page.
  - Clicking on a movie card will open the `/movies/:id/details` page, which contains the details. It should also contain the created date, which is the date the movie was added.
- For the data storage: use an in-memory database, no need for sqlite, just in-memory lists will do, but changes to the data should survive page reloads. The idea is that you start with a clean slate when you restart the application.

Also add a readme.md file which contains this exact prompt.

## Getting Started

1. Install dependencies:
```bash
npm install
```

2. Run the development server:
```bash
npm run dev
```

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

## Demo Credentials

- **Admin**: username: `admin`, password: `admin123`
- **User**: username: `user`, password: `user123`

## Features

- Browse movies with search and genre filtering
- User authentication (admin/user roles)
- Admin can add new movies
- Detailed movie pages with all information
- Responsive design with Tailwind CSS
- Modern UI with shadcn/ui components