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

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

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

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.

Frontend Application

This is the frontend part of the application, built with Next.js and React. It uses Material-UI for UI components and supports drag-and-drop functionality via React DnD.

Technologies Used

Core Frameworks

• Next.js - React framework for server-side rendering and static site generation.
• React - Library for building user interfaces.

UI and Styling

• MUI (Material-UI) - Component library based on Material Design.
  • @mui/material - Core Material-UI components.
  • @mui/icons-material - Material Design icons.
  • @emotion/react - CSS-in-JS library.
  • @emotion/styled - Styled components.

API Integration

• Axios - Promise-based HTTP client for making API requests.

Drag-and-Drop

• React DnD - API for drag-and-drop functionality.
• React DnD HTML5 Backend - HTML5 backend for drag-and-drop.

Additional Libraries

• React Content Loader - Skeleton loaders for better user experience.

Routing

• React Router DOM - Library for routing in React applications.

Development Tools

• TypeScript - Typed superset of JavaScript.
• ESLint - JavaScript/TypeScript linter.
• ESLint Config for Next.js - Preconfigured ESLint rules for Next.js.

Setup and Installation

1. Clone the repository:

   git clone https://github.com/your-repo/app_front.git
   cd app_front

2. Install dependencies:

   npm install

3. Run the development server:

   npm run dev

4. Build for production:

   npm run build

5. Start the production server:

   npm start