This is a Next.js project bootstrapped with create-next-app
.
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 Inter, a custom Google Font.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.
This is the frontend of the Commodity Digital Quality Control (QC) application, built using React/Next.js.
- Select a crop from a list.
- Capture an image of the commodity using the device's camera.
- Send the captured image to the backend API for analysis and report generation.
- Display loading animation during processing.
- Display the generated report data upon completion.
- View a list of previously generated reports.
- View details of any selected report.
- Clone this repository.
- Navigate to the
frontend
directory. - Install dependencies:
npm install
. - Start the development server:
npm run dev
.
- React
- Next.js
- Axios
- react-webcam
pages/
: Contains the main pages of the application.components/
: Contains reusable UI components.services/
: Contains utility functions.images/
: Contains static assets.
- Ensure the backend server is running before using the application.