legions-developer/mikeLegal

TypeScript

MikeLegal Assignment

Get started

Install dependencies
```
npm install
```
Get Movies Api key(https://www.omdbapi.com/)
```
 save it in .env
```
Start the app
```
 npx run dev
```

Documentation

Quick Start

The project's structure will look similar to this:

├── src
│   ├── components
│   ├── api
│   ├── assets
│   ├── hooks
│   ├── lib
│   └── app.tsx
├── public
│   ├── icons
│   └── images
├── test
│   ├── __snapshots__
│   ├── mockFile.ts
│   └── setup.ts
├── README.md
├── index.js
├── .env
└── package.json

Movies list logic

Includes an input field to search for movies, with debouncing functionality to minimize API calls.
On clicking a movie card, the card expands and fetches additional movie details from another API call, then populates the expanded view with the retrieved data.