This is a Next.js project bootstrapped with create-next-app.

Introduction

Dynamic Table Designer is a React/Next.js application that allows users to create multiple tables on a designer surface. Users can define the number of columns and rows for each table, bind parameters/fields to columns, and fetch data from an API. The application leverages Material-UI for a professional and interactive user interface.

Features

• Drag-and-drop interface for creating and organizing tables
• Add multiple tables to the designer surface
• Define columns and rows for each table
• Professional and interactive UI with Material-UI components
• Unique IDs for each table using uuidv4

Installation

1. Clone the repository:

   git clone https://github.com/coderman1000/dynamic-table-designer.git
   cd dynamic-table-designer
   

2. Install the dependencies:

   npm install
   

3. Run the application:

   npm run dev
   

Open http://localhost:3000 with your browser to see the result.