Versão em Português

Defenser - Monitoring of Agricultural Pesticide Applications

Project Description

Defenser is a web application developed using Next.js, React.js with TypeScript and the Radix-UI component library. Its aim is to provide real-time monitoring and specific weather forecasts for the application of agricultural pesticides. This helps farmers make informed decisions about when and how to apply pesticides to achieve the best results.

Main Features

• Real-Time Monitoring: The application provides real-time information on weather and environmental conditions relevant to the application of agricultural pesticides.

• Specific Weather Forecasts: Using weather data and information about pesticides, Defenser offers detailed forecasts for the coming days, helping farmers plan their activities.

• GPS Integration: The app can integrate with GPS systems to provide accurate location information, allowing for even more precise planning.

• Product Registration: It allows the registration and history of products used during the applications, aiding in a complete history of the same.

Clone

1. Clone the repository to your local machine.

   git clone https://github.com/folhastech/defenser-webapp.git

2. Navigate to the project directory.

   cd defenser-webapp

Configuration

Before starting the application, you first need to configurate the project enviroment variables. Create an .env file in the project's root then add the following variables

NEXT_PUBLIC_URL=api_url_here

Then, go to the .npmrc file and replace ${NPM_TOKEN} with your github token. Make sure the curly braces and dollar sign are removed. You can create a github token here For example, the .npmrc file would look like this if your token was 123456789:

//npm.pkg.github.com/:_authToken=123456789
@folhastech:registry=https://npm.pkg.github.com/

Installation

Install the dependencies.

npm install

Usage

To start the local server, execute the following command:

npm run dev

The application will be online in http://localhost:3000.

---

For more information about Next.js, see the official documentation..

For information about React.js, visit the official React page..

For details about Radix-UI, check out the documentation on GitHub..

For information about TypeScript, visit the official TypeScript page..

For information about react-hook-form, visit the react-hook-form documentation..

For more information about react/tanstack-query, see the official tanstack-query documentation..