Movie Database

Setup

Requirements

• Install VS Code
• Install NVM
• Use the latest version of node 18: nvm install lts/hydrogen && nvm use lts/hydrogen

Local Development

• Start Developing Locally: npm dev

Format - coding style consistency

• Install the recommended extension in VS Code based on .vscode/extensions.json
• Apply the recommended settings based on .vscode/settings.json
• If using other IDE then VS Code, use the scripts: npm run lint:fix and npm run prettier:fix or for both npm run format

Build

• npm build
• TODO

Test

• To test with real data, use the OMDb API to generate a new API Key using your email
• Update .env.local VITE_OMDB_API_KEY to be the generated API Key from OMDb API
• TODO

Deploy

• TODO

---

File Structure

> main.tsx

• react
• Initialization of react and providers

> App.tsx

• react-router
• lazy loads the corresponding Page and trigger the corresponding API calls

> api/

• React Query
• TODO

> components/

• Mantine
• TODO

> constants/

• TODO
• Routes: all routes and params defined to be used instead of string literal for type-safety and ease of updates

> icons/

• SVG's in React components
• Tabler Icons - open source free SVG icons
• unDraw: Open-source illustrations, handcrafted gestures & symbols

> store/

• Zustand
• TODO

> utils/

• TODO

---