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:

npm install

2. Run the development server:

npm run dev

3. Open 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