Tiki Take Home Test

Demo: https://aram-97.github.io/tiki-test/

This project was bootstrapped with Create React App.

Libraries Used

Mantine UI

Styled Components

React DnD

React Virtual

React Spring

Nanoid

Immer

Project Structure

├── App.css
├── App.test.tsx
├── App.tsx
├── Main
│   ├── DnDCell
│   │   ├── DnDCell.tsx
│   │   ├── consts.ts
│   │   ├── index.tsx
│   │   ├── model.ts
│   │   └── styles.ts
│   ├── DnDGridProvider
│   │   ├── DnDGridProvider.tsx
│   │   ├── context.ts
│   │   ├── index.tsx
│   │   ├── model.ts
│   │   └── reducer.ts
│   ├── FlatArrayGrid
│   │   ├── FlatArrayGrid.tsx
│   │   ├── index.tsx
│   │   └── utils.ts
│   ├── NestedArrayGrid
│   │   ├── NestedArrayGrid.tsx
│   │   ├── index.tsx
│   │   └── utils.ts
│   ├── SetupForm
│   │   ├── SetupForm.tsx
│   │   ├── index.tsx
│   │   └── styles.ts
│   ├── VirtualizedGrid
│   │   ├── VirtualizedCell
│   │   │   ├── VirtualizedCell.tsx
│   │   │   └── index.tsx
│   │   ├── VirtualizedGrid.tsx
│   │   ├── index.tsx
│   │   ├── styles.ts
│   │   └── use-virtual-grid.ts
│   ├── consts.ts
│   ├── index.tsx
│   ├── Main.tsx
│   ├── model.ts
│   └── styles.ts
├── index.css
├── index.tsx
└── reset.css