This project demonstrates the integration of a Laravel backend with a React frontend for managing issues using the Monday.com API.
- Fetches boards and items from Monday.com using GraphQL queries.
- Creates new issues on Monday.com boards.
- Updates and deletes existing issues on Monday.com boards.
- Clone the repository:
git clone <repository-url>
- Navigate to the Laravel project directory:
cd laravel-backend
- Install PHP dependencies:
composer install
- Copy the
.env.example
file to.env
:cp .env.example .env
- Configure the
.env
file with your Monday.com API credentials and other settings. - Generate an application key:
php artisan key:generate
- Serve the application:
php artisan serve
- Navigate to the React project directory:
cd react-frontend
- Install Node.js dependencies:
npm install
- Copy the
.env.example
file to.env
:cp .env.example .env
- Configure the
.env
file with your backend server URL. - Install TypeScript and Bootstrap:
npm install --save typescript bootstrap @types/react-bootstrap
- Start the development server:
npm start
- The React frontend communicates with the Laravel backend through HTTP requests.
- The Laravel backend exposes API endpoints for fetching boards and items, creating, updating, and deleting issues on Monday.com.
- React components make requests to these API endpoints to perform CRUD operations on Monday.com data.
- GraphQL queries are used to fetch data from Monday.com efficiently.
- PHP
- Laravel Framework
- Monday.com API
- JavaScript (TypeScript)
- React
- Axios (for HTTP requests)
- Bootstrap (for styling)
Contributions are welcome! Please fork the repository and submit a pull request.
This project is licensed under the MIT License.